Как ускорить загрузку сайта на wordpress. Как ускорить загрузку wp сайта


Как ускорить загрузку сайта на wordpress

Как ускорить загрузку сайта на wordpressСкорость загрузки сайта играет огромную роль в продвижении. Ведь если посетителям приходится слишком долго ждать, они скорее всего закроют страницу и перейдут на другой сайт, и вас понизят в поисковой выдаче из-за большого числа отказов. Так что обязательно проверьте скорость загрузки страниц сайта, чтобы выявить возможные проблемы.

Если результаты проверки окажутся неутешительными, не стоит переживать. Я расскажу вам, как ускорить загрузку сайта на wordpress.

 

Проверить скорость загрузки сайта можно на различных онлайн-сервисах. Но лучше всего проанализировать на странице гугла

проверка скорости загрузки от гугла

Как видите, все ошибки помечаются и вы сразу увидите проблемные места своего сайта. Дополнительно проверьте свой сайт на еще нескольких подобных сервисов, ведь их очень много и каждого свой алгоритм анализа.

 

Как ускорить загрузку сайта на wordpress

 

Теперь вы знаете проблемные места своего сайта и можете их исправить. Помимо этого стоит очистить сайт от разного «хлама», который замедляет скорость загрузки.

1. Плагины – совсем без плагинов, пожалуй, не обходится ни один блог. Но тут важно знать меру и использовать только действительно нужные плагины, которые приносят больше пользы, нежели вреда.

Просмотрите список своих плагинов и удалите те, которые на самом деле не нужны или нужны время от времени (к примеру, плагин для проверки битых ссылок, о котором я упоминала в этой статье). Отключите временные плагины и удалите не нужные. Сайт сразу начнет работать быстрее.

Есть полезный плагин P3 — Plugin Performance Profiler, который проверяет нагрузку плагинов на сайт. В процентном соотношении показывает, что долго грузится и замедляет работу сайта. Проанализируйте с его помощью свой сайт, выявите «слабое звено» и удалите его или замените на код (или более легкий плагин).

2. Используйте плагин для кэширования. Каждый раз, когда пользователь заходит на ваш сайт, отправляется запрос на сервер. И когда одновременно отправляется слишком много запросов, сервер может не справиться. Чтобы уменьшить нагрузку, можно использовать специальные плагины для кэширования (к примеру, WP Super Cache). Он сохраняет информацию в виде кэша и сразу выдает ее пользователю, не обращаясь к серверу. Благодаря этому сайт грузится быстрее.

3. Оптимизируйте изображения – судя по проверке у меня с этим проблемы, так что скоро напишу статью по этой теме. Но если кратко, то перед тем, как загрузить картинку на сайт, нужно ее сжать, чтобы она весила меньше и быстрее грузилась. Старайтесь, чтобы вес одной картинки был меньше 100 кб.

Сразу удалите лишние картинки. Для этого зайдите в раздел Медиафайлы, выберите из выпадающего окна Неприкрепленные и нажмите Фильтр.

непрекрепленные медиафайлы

Просмотрите файлы и удалите те, которыми вы не пользуетесь.

4. Очистите редакции. Во время редактирования записей, вордпресс автоматически делает резервные копии и хранит их все. Редко найдется блоггер, который загружает статью один раз и больше к ней не возвращается. Ведь приходится обновлять информацию, делать перелинковку или добавить какую-то рекламную ссылку в текст. Так что в итоге получается очень много копий и их стоит удалить.

Поможет в этом плагин Revision Diet. Установите и настройте количество копий, которые стоит хранить. Ставить ноль не стоит, ведь иногда можно случайно что-то удалить, и понадобится восстановить из резерва. Достаточно 2-3 копий, чтобы не лишиться нужной информации.

5. Оптимизируйте базу данных. Регулярно проводите ее очистку либо в ручную, либо с помощью плагина Optimize DB. Установите, затем зайдите в Инструменты — Optimeze DB и нажмите кнопку «optimize». Достаточно делать это 1-2 раза в месяц, а в остальное время отключайте плагин, чтобы он не нагружал блог.

6. Плагин CSS Compress помогает сжать файл стилей на сайте и помогает ускорить время загрузки. Но перед использованием обязательно сделайте резервную копию, потому что иногда возникают проблемы с совместимостью и шаблон «съезжает».

7. Защитите сайт от спама. Атаки спамеров создают большую нагрузку на сервер, так что вам нужно поставить хороший плагин для защиты. Я рекомендую плагин Akismet, один раз настроить и он спасет вас от кучи лишних комментариев. Если возникнут проблемы с настройкой, посмотрите инструкцию в статье про плагины.

8. Сократите количество анонсов на главной странице. Желательно установить 5-8 постов, не больше. Настроить это можно в разделе Параметры – Чтение – и в поле «На странице блога отображать не более …. записей».

9. С умом выбирайте хостинг, потому что во многом работа вашего сайта зависит именно от этого. О том, как выбрать хостинг я написала в другой статье, так что не буду на этом останавливаться.

Это простые и доступные каждому советы о том, как ускорить загрузку сайта на wordpress. Хотя большинство функций выполняется с помощью плагинов, они не дадут слишком большую нагрузку на сайт. Так что в итоге плюсов от них больше, чем минусов.

Читайте также:

xn--80aaacq2clcmx7kf.xn--p1ai

Как увеличить скорость загрузки на вордпресс

Партнерский материал!

Благодаря постоянному сосредоточению поисковых систем непосредственно на самом пользователе интернета и показателям последних обновлений алгоритмов Google, владельцам сайтов стало еще более важно обратить внимание на скорость загрузки их сайтов. Не секрет, что скорость загрузки страницы уже давно является одним из главных факторов результатов сёрфинга в интернете. И сегодня вполне логично для любой страницы в интернете быть зависимой от мобильных устройств, а не от ПК.

Недавние данные от Google показали, что «в 53 процентах случаев пользователь закрывает вкладку, если на ее открытие требуется более трёх секунд».

Как же тогда повысить скорость загрузки страницы? Как добиться желаемого результата? Даже если Вы не разработчик, этот пост поможет Вам самостоятельно, без вмешательства специалистов, улучшить скорость загрузки страниц, построенных на WordPress.

Вот три важных момента, к которым мы вернемся позже:

  1. Мы рассматриваем сайты на WordPress, это значит, что все плагины и решения в данной статье касаются именно WordPress платформы.
  2. Более сложные сайты, построенные на других платформах с различными функциями (например, e-commerce сайты) будут иметь ряд дополнительных, более сложных проблем и решений, чем те, на которые акцентируем внимание мы.
  3. Не позволяйте совершенству быть врагом хорошего. Специалисты могут сказать Вам, что для достижения желаемого результата нужно перепроектировать сайт, что может понести за собой незапланированные затраты (сперва попробуем сами).

Поэтому, обращаясь к разработчикам, четко объясните ему задачу, пусть он отталкивается, в первую очередь, от Ваших возможностей и пожеланий.

Для чего Вы оптимизируете? Выбираем правильные способы ускорения загрузки страницы.Как и многие начинающие SEO оптимизаторы (о том, что такое SEO и как с этим работать, рекомендую прочитать в моем блоге), мы сосредоточим свои усилия на скорости загрузки, основываясь на рекомендациях Google по улучшению качества страницы. Ниже представлена утилита PageSpeed Insights.

Безусловно, это очень полезный инструмент, однако стоит уделить его применению достаточно времени, чтобы получить наилучший результат. Бывает, Вы вслепую следуете рекомендациям сервиса, а общая оценка падает. Или наоборот, минимум действий дают лучший результат. Поэтому важно понять, как достичь оптимального решения, не жертвуя при этом контентом сайта. Помните, что Вы оптимизируете сайт не для себя, а для его посетителей.

Допустим, у Вас есть простой сайт для определенной аудитории.

Если Вы сравните его с какими-либо крупными коммерческими сайтами и обнаружите, что Ваши страницы загружаются быстрее – это не обязательно говорит о том, что всё в порядке. Ведь в действительности Вы соревнуетесь не с ними.

Чтобы сделать свой сайт настолько быстрым и популярным, насколько это возможно, сравнивайте его с проектами, которые находятся в топе важных для Вас результатах поиска, тематически схожими с Вашим.

Если же PageSpeed Insight от Google нам недостаточно для эффективной оптимизации, на что же заострить своё внимание тогда? Фактически, нам важны следующие значения:

  • Время до первого байта (TTFB) – значение, которое показывает, насколько быстро после осуществления поискового запроса Ваш сервер отправляет первый байт данных.
  • Критический путь рендеринга (CRP) – то минимальное значение ресурсов, что необходимо для отрисовки страницы.
  • Полный рендеринг страницы – время, необходимое для отображения всей страницы.

Опять-таки, не забываем, что ориентируемся мы на пользователя, поэтому следите за тем, чтобы содержимое сайта загружалось молниеносно и быстро на всю страницу. Значение времени до первого байта полезно, поскольку позволяет узнать, является ли проблема времени загрузки страницы результатом проблем с сервером.

Со значениями разобрались. Но как же понять, быстрый наш сайт или все еще медленный?

Прежде всего, нам понадобится средство измерения скорости загрузки страницы. К нашему с Вами счастью, в интернете полным-полно бесплатных и платных инструментов для таких целей. Мы с Вами воспользуемся сервисом WebPageTest, он просто и доступно излагает всю необходимую нам информацию. Ниже приведены результаты страницы, которые являются удовлетворительными, учитывая, что проверку осуществляли для Польши, для пользователей наших с Вами провайдеров показатели будут еще выше.

Каковы наши цели? Какая скорость загрузки страницы считается «хорошей»?

Первоначальная цель – сделать скорость загрузки как можно лучше. Поэтому давайте рассмотрим некоторые общие рекомендации по значениям, от которых следует отталкиваться:

  • Время до первого байта – идеальное значение до 200 миллисекунд, по крайней мере, менее 500 миллисекунд (исследование Moz, проведенное несколько лет назад, показало, что многие сайты с высоким рейтингом имели время до первого байта в 350 миллисекунд, а сайты с более низким рейтингом имели значение близкое к 650 миллисекундам).
  • Начальный рендеринг – идеальное значение до 1 секунды, по крайней мере, менее 2 секунд.
  • Полностраничный рендеринг – идеальное значение до 3 секунд, по крайней мере, менее 5 секунд (Джон Мюллер из Google рекомендует период от 2 до 3 секунд)

Опять же, если Ваша страница полностью загружается за 15 секунд, не опускайте руки. Оптимизируйте, пробуйте, работайте над тем, чтобы снизить эти цифры, даже если не получится свести к рекомендуемым значениям. Помните, что в нашем случае «быстрее – лучше».

Что же мы можем сделать для того, чтобы ускорить скорость загрузки страницы?

Наиболее распространенные рекомендации и предложения инструмента Google PageSpeed Insight (а также экспертов по оптимизации) включают в себя:

  • Сокращение времени отклика сервера
  • Включение сжатия
  • Устранение кода блокировки (CSS и JS)
  • Сокращение самого кода
  • Сжимание и изменение размера изображений

Шаг 1: Чистка кода

PageSpeed Insight предложил нам сократить код CSS, JS, HTML, тем самым оптимизировав сайт. Для этого воспользуемся бесплатным плагином от WordPress, который называется Autoptimize. Оптимизация может занять до 5 минут.

После сокращения кода CSS, JS и HTML, инструмент PageSpeed Insight переместит пункт  «Удалите код  JavaScript и CSS, блокирующий отображение верхней части страницы» из раздела «Предложения по оптимизации» в раздел «Примененные приемы оптимизации». На большинстве страниц будет заметно улучшение, некоторые из которых станут эффективнее вплоть до 20 процентов. В некоторых случаях могут быть незначительные улучшения или даже ухудшения, однако, в целом страницы станут быстрее и эффективнее.

Обратите внимание на то, что это бесплатная версия плагина, поэтому вносите изменения в код с предельной осторожностью. Конечно же, наилучшего результата получится достичь, наняв опытного разработчика для конкретной задачи.

Шаг 2: Кэширование браузера

Здесь мы рассмотрим использование кэширования браузера. Для этой цели, как правило, используют WordPress плагины, такие как WP Super Cache или WP Rocket, однако некоторые сайты размещаются в WP Engine, который иногда имеет проблемы совместимости с некоторыми из этих плагинов. Таким образом, можно просто разрешить кэширование в WP Engine, изменив «Disable» на «Enable».

Процесс кэширования, как правило, оказывает гораздо большее влияние, чем процесс по чистке кода. После этой процедуры можно увидеть улучшение производительности на 20-30%.

Шаг 3: Воплощение в жизнь CDN

CDN (Content Delivery Network) – это обычно большое количество серверов с соответствующим программным обеспечением, которые служат для ускорения отдачи информации конечному пользователю, то есть посетителю страницы.

Раз уж мы затронули WP Engine, то следует сказать, что он имеет свою собственную интерпретацию CDN. Как Вы видите, в применении этой функции нет абсолютно ничего сложного.

CDN применяется для улучшения скорости загрузки страницы для пользователей в разных географических точках, поэтому, в теории, его положительное воздействие на производительность страницы должно быть выше для разных случаев в разных регионах мира.

Не забывайте, что Ваш тест – один из множества. Результаты применения CDN разных сайтов могут варьироваться от очень успешных до минимальных улучшений, поэтому нельзя утверждать, что Ваш результат хорош или плох. Стало лучше – прекрасно, нет – устраняем проблемы дальше!

Шаг 4: Оптимизация изображений

Наконец, мы рассмотрим такую важную вещь, как сжатие и изменение размеров изображений для Вашего сайта. В некоторых случаях изображения уже могут быть оптимизированы, но убедиться, так ли это на самом деле - никогда не помешает. Вполне вероятно, что лишь часть изображений на Вашем сайте оптимизирована, в то время как другая часть – нет. Оптимизация изображений зачастую является самым простым и быстрым способом достижения наилучшей производительности страницы.

Для начала воспользуемся еще одним плагином WordPress для сжатия изображений, который называется Optimus. Также полезно будет изменить размеры изображений и сжать их «вручную», чтобы убедиться, что сжатие не повлияло на качество изображений, а их размер стал меньше.

Существует перечень плагинов для оптимизации изображений для WordPress:

  • Optimus (описан выше)
  • Smush Image Compression and Optimization
  • EWWW Image Optimizer
  • Short Pixel Image Compression

Это, конечно же, далеко не весь перечень, но для наших задач больше нам и не нужно. Всякий раз, когда Вы используете этот тип плагинов, необходимо знать о возможных проблемах с качеством изображения или рендерингом в какой-то области сайта, если плагин применяется ко всем изображениям медиатеки.

Упомянутый выше инструмент Short Pixel Image легок и прост в использовании. Он позволяет сжимать изображения до размеров, приемлемых для загрузки на сайт. Таким образом, перед загрузкой изображений на сайт, желательно сжать их все до единого, чтобы не снижать скорость загрузки страниц, где присутствуют картинки.

Вот еще несколько инструментов для сжатия изображений перед их загрузкой на сайт:

  • Optimizilla
  • Compressor.io
  • Tiny PNG

И, конечно, множество других.

Сжатие изображений играет очень большую роль в оптимизации сайта. Этот шаг может привести к наилучшему результату повышения скорости загрузки страницы. Что самое приятное, сжатие изображений и замена несжатых – та часть работы, которая не требует вмешательства со стороны разработчиков, с этим вполне можно справиться самостоятельно!

Обратите внимание, что степень улучшения зависит непосредственно от самого сайта. Если изображения на нем уже были оптимизированы ранее, очевидно, что этот шаг не приведет ни к каким улучшениям.

Что же еще мы можем сделать? Нанять профессионала!

После реализации наших любительских усилий мы получим весьма приятный результат, по сравнению с первоначальной степенью оптимизации сайта. Специалист, в отличие от нас, хоть и повторит нашу с Вами работу, но сделает это гораздо эффективнее и с умом. Он проделает следующее:

  • Удалит или заменит плагины в нашей конфигурации WordPress, если посчитает нужным, так как те могут замедлять работу сайта.
  • Изменит код, конфигурацию сервера, а также настройки плагинов оптимизации скорости в лучшую сторону.

Если мы с Вами ускорили время загрузки страницы и нас это устраивает, то разработчик сделает свою работу и сократит это время еще вдвое! Привлечение специалиста – отличный пример того, как человек хорошо разбирается в своей работе, при этом значительно улучшая результат собственноручной оптимизации своего сайта.

www.onwordpress.ru

Ускоряем Wordpress / Хабр

Wordpress в стандартной установке довольно медленный. По умолчанию движок не использует некоторые возможности современного Веба для значительного своего ускорения. Существует целая куча плагинов для оптимизации Wordpress'a. Давайте наведем в них порядок и проведем капитальную оптимизацию.

Прежде чем приступить, посмотрим, что показывает голая установка Wordpress по Pagespeed:

Результат 76 из 100 довольно низкий. Посмотрим, насколько можно увеличить этот показатель.

Серверная часть
Nginx
Если Вы еще не используете Nginx, пора переехать на него. Простое и мощное решение. Конфигурация для работы с поддержкой permalinks и кешированием статики:server { server_name wp.com; root /var/www/wp; # путь к WP index index.php; location ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ { access_log off; log_not_found off; expires max; # кеширование статики } location / { try_files $uri $uri/ /index.php?$args; # permalinks } location ~ \.php$ { fastcgi_pass unix:/var/run/php5-fpm.sock; fastcgi_index index.php; include fastcgi_params; } }
PHP кеш
Если у Вас нет каких-то особых причин, по которым Вы не можете установить APC, включайте его обязательно. Проверяем наличие APC (в ответ получим список настроек APC):php -i | grep apc

В версиях PHP после 5.5 есть встроенный модуль opCache, так что APC ставить не прийдется.

Тюнинг Mysql
Wordpress использует InnoDB, а это значит мы можем существенно увеличить производительность MySQL, подстроив ряд параметров (файл my.cnf) под наше железо:

Размер буфера InnoDB лучше поставить в половину доступной оперативной памяти:

innodb_buffer_pool_size = 256M

Не забываем включить кеширование MySQL:

query_cache_size = 32M query_cache_limit = 1M

Более расширенная настройка MySQL для Wordpress.

Кеширование
Это наиболее важный пункт. Кеширование может дать значительное ускорение сайта и экономию ресурсов сервера. Для наглядности будем использовать ab от Apache. Проверим стандартную установку Wordpress без кеширования. Запросы направляем через локальную сеть, поэтому задержку ничего, кроме самого Wordpress'a не создает:ab -c 10 -n 500 http://wordpress/

Получаем среднее время на запрос около 50мс:

Total transferred: 4183000 bytes HTML transferred: 4074500 bytes Requests per second: 17.62 [#/sec] (mean) Time per request: 567.421 [ms] (mean) Time per request: 56.742 [ms] (mean, across all concurrent requests) Transfer rate: 143.98 [Kbytes/sec] received

Хром показывает среднее ожидание ответа на уровне 150мс (сервер находится в Нидерландах):

WP Super Cache
Этот плагин позволяет включить кеширование буквально в одно действие. Кроме стандартных настроек, он содержит большое количество параметров для тюнинга кеша. Качаем плагин, активируем его в панели управления и включаем кеш:

С включенным WP Super Cache получаем уменьшение среднего времени на запрос в 25 раз(!):

Total transferred: 4293500 bytes HTML transferred: 4146500 bytes Requests per second: 499.01 [#/sec] (mean) Time per request: 20.040 [ms] (mean) Time per request: 2.004 [ms] (mean, across all concurrent requests) Transfer rate: 4184.61 [Kbytes/sec] received

Cреднее ожидание ответа в Хроме уменьшилось в 3 раза:

В качестве серверной альтернативы WP Super Cache можно использовать Varnish. Он позволяет снизить время на обработку запроса еще почти на порядок, но само решение менее гибкое (хорошо подойдет для блогов без элементов динамики).

Стили, скрипты и картинки
Минификация и сжатие
Минификация CSS/JS может сэкономить 10...15% их размера. Для включения минификации статики есть модуль WP Minify. Качайте, активируйте и модуль начнет работать. Gzip позволит уменьшить размер текстовых файлов в несколько раз. В Nginx'e включается так:server { ... gzip on; gzip_disable "msie6"; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript; ... }
Оптимизация картинок
Картинки могут составлять очень большую часть общего размера страницы. Lossless сжатие картинок может сэкономить 30...40% их размера. Это умеет делать модуль EWWW Image Optimizer. Для его работы понадобится установить imagemagick и библиотеку gd:apt-get install imagemagick php5-gd
Хорошие практики и опыт
  • Лучше всего выбирать VPS для хостинга Wordpress. На Shared хостинге многое из описанного выше сделать невозможно. Кроме этого, VPS сейчас достаточно дешевый.
  • Проверяйте темы с помощью Pagespeed перед использованием
  • Очищайте корзину
  • Удаляйте старые ревизии постов
  • Удаляйте спам-комментарии
  • Отключайте трекбеки в моменты, когда все становится совсем медленно
  • Раздавайте RSS через feedburner
В результате
У нас получилось голую установку Wordpress разогнать почти в 100 раз по времени генерации страницы (мы включили Varnish) и увеличить показатель по Pagespeed с 76 до 93:

Полезные инструменты и ресурсы
Профайлер P3 покажет множество узких мест Вашей текущей установки Wordpress. Удобный интерактивный чеклист по оптимизации Wordpress позволит не держать все в голове, но ничего не упустить.

Кстати, анализ sevenpercentcatherine.wordpress.com (хостится на wordpress.com) набирает 83 из 100 по Pagespeed. Из проблем — нет минификации и слишком большой ответ от сервера (350мс).

Делитесь своим опытом и инструментарием ускорения Wordpress'a в комментариях.

habr.com