6 шагов для ускорения веб-сайта WordPress
Всем известно, что скорость сайта играет важную роль с точки зрения успеха сайта. Чем быстрее ваш сайт загружается, тем больше пользователей взаимодействуют с вашим контентом. В этой статье мы покажем вам 6 шагов по ускорению веб-сайта WordPress.
Стандартное время загрузки вашего сайта составляет менее 2 секунд. Если ваш сайт загружается более 2 секунд, значит, вы делаете что-то не так.
Существует несколько онлайн-инструментов для проверки скорости вашего веб-сайта, таких как pingdom и т.д. Но я бы рекомендовал проверить ваш веб-сайт в Google Page Insights. По моему опыту, этот инструмент дает лучший результат. Google Page Insights показывает, какие отвлекающие факторы вызывают медленную загрузку вашего сайта.
Давайте посмотрим, как шаг за шагом улучшить производительность и скорость сайта. Ниже приведен снимок экрана с оценкой моего веб-сайта в Google Page Insight.
Шаг 1. Включите CSS и JS стандартным способом
Вы когда-нибудь замечали, что сообщение Render blocking JavaScript и CSS в верхней части страницы? Если вы не включили CSS и JS стандартным образом, это может замедлить работу вашего сайта. Как правило, CSS следует включать в заголовок, а JS – в нижний колонтитул. Вам следует позаботиться о том, чтобы ваш сайт соответствовал этой стандартной практике.
Шаг 2. Оптимизируйте изображения перед использованием
Изображения играют важную роль в улучшении взаимодействия с пользователем. Броские изображения привлекают внимание пользователей к контенту. Но использование тяжелых изображений почти убивает скорость вашего сайта. Например, вы загрузили на сайт изображение размером 2 МБ, а затем при загрузке страницы эти 2 МБ требуют дополнительного времени для загрузки изображения перед представлением вашей страницы аудитории.
Здесь появляется концепция оптимизации изображений перед использованием. Доступно несколько плагинов, которые выполняют эту задачу по сжатию изображений из вашей медиатеки. Некоторые популярные плагины
- Сжатие изображений JPEG и PNG ByTinyPNG
- Оптимизатор изображения ShortPixel
- Сжатие и оптимизация Smush Image
- Оптимизатор изображения EWWW
Все эти плагины работают хорошо. Я бы рекомендовал использовать плагин TinyPNG. Я использую этот плагин для своего веб-сайта, и мне он очень нравится.
В некоторых случаях нам нужно отображать изображения вне медиабиблиотеки. Мы создаем собственный каталог и загружаем в него изображения, а затем используем эти изображения на веб-сайте. Я написал статьи об оптимизации изображения при загрузке и сжатии изображений TinyPNG. Пожалуйста, обратитесь к этой статье, если вы не используете медиа-библиотеку для изображений.
Совет: обрежьте изображения до нужного размера. Допустим, у вас есть емкость размером 300 * 250. В этом случае вы должны обрезать изображение по размеру контейнера. Не используйте изображение большего размера в небольшой емкости. Это также влияет на производительность сайта.
Шаг 3 – отложенная загрузка изображений
Ленивая загрузка изображений помогает ускорить работу вашего сайта. Используя плагин ленивой загрузки, ваши изображения не загружаются, пока пользователь не прокрутит до них. Это помогает уменьшить размер вашей страницы во время загрузки.
Если вы хотите реализовать изображения с отложенной загрузкой без использования плагина, прочтите нашу статью «Повышение производительности веб-сайта с помощью отложенной загрузки изображений».
Шаг 4 – Оптимизация базы данных
Поскольку размер вашей базы данных невелик, ваш сервер быстро реагирует на запросы к базе данных, поступающие с веб-сайта. Как только ваша база данных начнет увеличиваться, вашему серверу потребуется больше времени, чтобы ответить.
В WordPress с течением времени в вашей базе данных хранятся несколько бесхозных данных. Например, когда вы обновляете запись или страницу, WordPress каждый раз сохраняет версию в базе данных. Я бы предпочел оставить только 3 последних ревизии, которых вполне достаточно. Чтобы сохранить изменения до 3 раз, вам необходимо поместить приведенный ниже код в файл wp-config.php.
define('WP_POST_REVISIONS', 3);Приведенный выше код ограничивает количество ревизий. Есть и другие таблицы, которые также следует оптимизировать. Я рекомендую использовать плагины WP-DBManager или WP-Sweep для оптимизации вашей базы данных.
Шаг 5 – Использование кеша
Спасибо инженерам, которые представили концепцию кеширования браузера. Когда пользователь посещает ваш веб-сайт, браузер пользователя сохраняет вашу страницу во временном хранилище браузера. Когда пользователь посещает веб-сайт в следующий раз, браузер представляет страницу пользователям из последнего сохраненного кеша вместо повторной загрузки всей страницы. Это снижает использование полосы пропускания как на стороне пользователя, так и на стороне сервера. Использование кеша для вашего сайта значительно ускоряет работу сайта WordPress. Вот некоторые из популярных плагинов кеширования.
Шаг 6 – Используйте кеширование браузера
Когда вы используете кеширование браузера, файлы ваших веб-страниц будут храниться в кеше браузера. Ваши страницы будут загружаться намного быстрее для повторных посетителей. Добавьте следующий код в файл htaccess на своем сайте, и он включит кеширование браузера.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Примечание. В WordPress некоторые плагины используют внешние ресурсы. Мы не можем установить заголовки с истекающим сроком действия для этих внешних ресурсов. Один из способов – сохранить эти внешние файлы на своем сервере, а затем разместить их на своем веб-сайте.
Надеюсь, вы понимаете, как ускорить работу сайта WordPress. Если я что-то упустил или вы используете другие методы, поделитесь в комментариях ниже.