В этом уроке мы перечислим несколько советов о том, как улучшить скорость вашего сайта WordPress. Имея быстрый сайт очень важно, если вы хотите, чтобы предоставить своим пользователям быстро сайт и высокий рейтинг в поисковых системах, как Google и Bing, которые принимают скорость загрузки страниц вашего сайта во внимание.
В данном руководстве рассматриваются следующие темы:
Включить динамическое кэширование
Добавление правильно настроенного динамического кэширования на ваш сайт WordPress будет иметь большое влияние на его скорость. Есть много услуг, таких как Varnish и APC , которые могут быть использованы, но все они требуют много конфигурации сервера и тонкой настройки вашего приложения, чтобы работать правильно. Есть плагины кэширования для сайтов на WordPress, такие как WP Super Cache. С его помощью, все, что вам нужно сделать, это установить плагин в WordPress и включить динамическое кэширование одним нажатием кнопки.
Включить сжатие GZIP
Для уменьшения размера данных, который передаются между вашим сервером и вашими посетителями, вы можете включить сжатие GZIP для ваших изображений, CSS и JavaScript файлов. Делая это, веб-сервер будет сжимать (как создается ZIP-файл, например) содержание, прежде чем он передается через Интернет в вашем браузере. С другой стороны, ваш браузер распаковывает содержимое перед выводом его. Это существенно снижает объем данных, которые передаваясь снижают время загрузки ваших страниц.
Самый простой способ включить сжатие GZIP для ваших изображений, CSS и JS файлы, это добавить эти строки в ваш файл .htaccess на сайте WordPress:
## Включить компрессию GZIP ## AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/x-javascript ## Включить компрессию GZIP ##
Использование CDN
Сети по доставке контента (CDN) являются серверные сети, которые клонируют ваш сайт на всех узлах определения местоположения. Это означает, что, когда ваши посетители запросили ваш сайт, он будет обслуживаться с ближайшего локального сервера, а не с основного центра обработки данных вашего хостинг – провайдера. Для получения дополнительной информации по этому вопросу, прочитайте учебное пособие по CDN CloudFlare.
Оптимизация изображений
Изображения являются неотъемлемой частью каждого сайта. Важно, чтобы они были оптимизированы. Есть несколько вещей, касающихся наших образов, которые вы должны учитывать при принятии вашего сайта на WordPress:
- Использование изображений нужного размера. Не нужно загружать большие изображения, а затем масштабировать их с HTML. Убедитесь, что ваши фотографии и другие изображения не больше, чем размер который на самом деле отображаются на сайте.
- Smush изображения. В данных изображениях будут удалены все дополнительные данные из ваших фотографий – дата создания, камера используется для фото, GPS координаты и т.д. Существует хороший маленький плагин, который делает это для вас называется WP Smush.it.
- Если возможно, используйте спрайты для ваших тем. Использование спрайтов является метод CSS, который использует одно изображение, чтобы показать несколько элементов дизайна на ваших страницах. Таким образом, вместо загрузки десятки маленьких изображений (создание запросов HTTP каждый раз), ваш сайт будет открывать только одно. Однако, необходимо учитывать, как тема разработана. Так всегда обращайте внимание на темы, которые используют спрайты.
Минимизировать ваши JavaScript и CSS файлы
Минимизация ваших CSS и файлов JavaScript означает, что все ненужные данные из них, как двойные пробелы, пустые новые строки, комментарии и т.д. , будут удалены из файлов, снижая их размер. Есть много онлайн – инструментов, которые можно использовать бесплатно для минимизации файлов. Кроме того, если вы используете плагин W3 Total Cache, он имеет возможность автоматически минимизировать CSS и JS файлы вашей темы.
Использование кэша браузера
Использование кэширования браузера означает, что вы можете указать, как долго браузеры ваших посетителей должны кэшировать изображения, CSS, JS и флэш-файлов. Однако, если какой-либо из этих ресурсов устанавливается, ваш сервер будет уведомлять браузер посетителей и кэшированное содержимое будет заменено новым. Вы можете добавить строки ниже в ваш файл .htaccess включение данной оптимизации.
## Кэш браузера ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 2 year" ExpiresByType image/gif "access 2 year" ExpiresByType image/jpeg "access 2 year" ExpiresByType text/css "access 2 month" ExpiresByType image/png "access 2 year" ExpiresByType application/pdf "access 2 month" ExpiresByType application/javascript "access 2 month" ExpiresByType application/x-javascript "access 2 month" ExpiresByType application/x-shockwave-flash "access 2 month" ExpiresByType image/x-icon "access 2 year" ExpiresDefault "access 3 days" </IfModule> ## Кэш браузера ##
Оптимизация БД WordPress
Это хорошая практика , чтобы оптимизировать вашу базу данных WordPress время от времени. Вы можете думать об этом как запуск дефрагментации диска на локальном жестком диске. Для получения дополнительной информации по этому вопросу, проверить нашу статью о Как оптимизировать базу данных MySQL .