Хочу коротко пройтись по теме «как ускорить сайт на cms WordPress» и рассказать как это делаю я. В наше время быстрая загрузка сайта, WordPress это или просто статика, становится все более и более важным условием для поисковых систем. Между тем, скорость сайта также является фактором ранжирования в результатах поиска Google, и это справедливо. Потому что медленный сайт приводит к недовольству посетителей и немедленного выхода из него. Особенно, если пользователь заходит с мобильного телефона.
Но даже с небольшими изменениями сайт на WordPress можно ускорить. Таким образом, оптимизируется не только удобство использования страницы, но и важный фактор SEO.
Измеряйте скорость, чтобы знать как ускорить сайт на WordPress
Прежде чем вы сможете ускорить работу WordPress, вам следует сначала проанализировать свой сайт. Итак, определите, насколько быстр сайт и где можно найти замедлители скорости.
Для этого доступны следующие онлайн-инструменты:
- Анализ скорости страницы Google
- Тест скорости веб-сайта Pingdom
- Тест веб-страницы — Webpagetest
- GTmetrix
Помимо времени загрузки, эти инструменты также предоставляют обзор количества запросов и размера веб-страницы. Таким образом, у вас появится понятие, что делать, чтобы увеличить скорость загрузки сайта wordpress. Как оптимизировать свой сайт.
Как сделать WordPress быстрее
1. Чтобы ускорить сайт на WordPress, сожмите изображения
К сожалению, очень многие владельцы сайтов на WordPress и без Cms, по-прежнему загружают изображения слишком большого размера. Часто за счет уменьшения размера изображения можно значительно ускорить загрузку страницы и сайта в целом.
Для оптимизации изображения вы можете просто воспользоваться программой для редактирования изображений, такой как Photoshop. И по возможности, сохраняйте изображения в формате JPG если в данном случае вы можете обойтись без Png.
В сети доступны очень полезные онлайн инструменты, такие как compressor.io или TinyPNG. Так же есть такой онлайн-инструмент как Image Compressor — он разработан для сжатия изображений и позволяет уменьшить размер файлов изображений без потери качества. С его помощью вы можете быстро оптимизировать изображения для использования на веб-сайтах, блогах, социальных сетях и других онлайн-платформах, улучшая скорость загрузки страниц и экономя пространство на сервере.
Image Compressor поддерживает различные форматы изображений, включая JPEG, PNG и GIF, и предоставляет простой и интуитивно понятный интерфейс для загрузки и обработки файлов.
Если вы хотите оптимизировать свои изображения непосредственно в WordPress, я рекомендую вам использовать плагин Imagify. С его помощью вы можете сжимать свои изображения и конвертировать их в формат WebP1.
2. Ленивая (отложенная) загрузка изображений помогает ускорить сайт на WordPress
При отложенной загрузке изображения на странице, картинки загружаются только после того, как попадают в область видимости. В частности, для фото блогов и сайтов с большим количеством изображений это может значительно ускорить загрузку страниц.
Контент «появляется» только если он находится в зоне видимости пользователя и всё что снизу страницы, всё что мы не видим, даже не загрузится, пока пользователь не прокрутит страницу до уровня контента с отложенной загрузкой.
Это позволяет избежать лишних запросов и повысить производительность сайта, несмотря на большое количество изображений. Они заменяются скриптом с заполнителем. Только когда пользователь прокручивает область изображения, заполнитель заменяется фактическим изображением.
Между тем, отложенная загрузка поддерживается WP с коробки, но в некоторых случаях лучше использовать отдельные плагины для отложенной (ленивой) загрузки.
Плагины для отложенной загрузки для WordPress:
- a3 Lazy Load — предлагает ленивую загрузку не только для изображений, но и для видео, фреймов и граватаров,
- LazyLoad by WP Rocket — позволяет загружать изображения и видео только тогда, когда они необходимы,
- Lazy Loader — помогает лениво загружать изображения, видео и фреймы,
- BJ Lazy Load — отложенная загрузка изображений, фреймы и граватары,
- Dominant Colors Lazy Loading — плагин создает изображение заполнитель в основных цветах фактического изображения,
- Zedna WP Image Lazy Load — ленивая загрузка изображения, видео и фреймы
Если вы хотите отключить функцию отложенной загрузки которая идёт в коробке начиная с версии WordPress 5.5, добавьте следующий фрагмент кода в файл functions.php вашей темы:
1 2 | // Отключить ленивую загрузку WordPress add_filter('wp_lazy_loading_enabled', '__return_false'); |
Многие плагины для кэширования, такие как, например, WP-Rocket или SwiftPerformance, также включают функцию отложенной загрузки.
3. Проверьте плагины. Это поможет сделать сайт намного быстрее
Для WordPress существует бесчисленное множество плагинов. Однако многие из них, к сожалению, негативно влияют на скорость загрузки веб-сайта. Если вы хотите ускорить работу WordPress, вам следует сначала удалить все плагины которыми вы не пользуетесь.
Что касается остальных плагинов, можно поискать более оптимизированные альтернативы или загружать их выборочно. Как правило, следует использовать как можно меньше плагинов, насколько это возможно.
| 10 лучших плагинов для бизнеса на Cms WordPress
| Плагин WP Rocket: Ускорение вашего сайта на WordPress
4. Очистка базы данных
С течением времени размер базы данных увеличивается все больше и больше, что замедляет выполнение запросов к базе данных. Результат: ваш WordPress сайт становится все медленнее и медленнее.
В основном это связано с тем, что WordPress сохраняет каждый черновик и редакцию статьи. Также сохраняются спам комментарии и удаленные статьи. Поэтому вам также следует регулярно удалять их. Полезным и рекомендуемым инструментом для очистки является Advanced Database Cleaner, которым я сам регулярно пользуюсь. С его помощью вы можете найти потерянные таблицы из давно удаленных плагинов и при необходимости очистить их.
В качестве превентивной меры в файле wp-config.php можно указать количество изменений статей:
1 | define ('WP_POST_REVISIONS', 3 ); |
5. Сокращение шрифтов также помогают увеличить скорость загрузки сайта WordPress
Использование шрифтов открывает большие возможности для типографики. Но зачастую это является тормозом скорости: каждый встроенный шрифт и каждый вариант шрифта вызывают запросы. Лучше всего ограничить использование как можно меньшего количества шрифтов.
Как количество встроенных шрифтов влияет на время загрузки веб-страницы?
Кроме того, в последнее время использование шрифтов, загружаемых непосредственно с сервера Google, больше не соответствует требованиям GDPR. Это означает, что вам необходимо установить шрифты Google локально.
6. Выборочная загрузка (плагинов) скриптов
К сожалению, многие плагины WordPress загружают необходимые скрипты на все страницы, хотя на самом деле в этом нет необходимости. С другой стороны, очень хорошее решение предлагает бесплатная тема OceanWP. С ней вы можете включать и выключать скрипты и стили в зависимости от ваших потребностей.
Кроме того, многие плагины, к сожалению, загружают практически всё на каждой странице. Например, популярный плагин контактной формы Contact From 7. Он загружает несколько файлов на каждую страницу WordPress, что приводит к появлению лишних запросов. Однако это можно легко исправить с помощью записи в файле functions.php вашей темы.
С помощью условных тегов в WordPress можно определить, на какой странице должен быть загружен скрипт:
1 2 3 4 5 6 7 8 | //Включает скрипты плагина только на странице контактов function remove_cf7(){ if (!is_page ('kontakt')) { wp_deregister_script( 'contact-form-7' ); wp_dequeue_style ( 'contact-form-7' ); } } add_action( 'wp_enqueue_scripts', 'remove_cf7' ); |
Например, если вы хотите исключить определенные скрипты из домашней страницы, вы можете вставить следующие строки:
1 2 3 | // Предотвращает загрузку формы комментариев на главной странице if (is_home() || is_front_page()) wp_dequeue_script( 'comment-reply' ); |
Вы можете применить эту процедуру ко всем скриптам и даже к отдельным файлам шаблонов. Для получения дополнительной информации об условных тегах перейдите по ссылке:
codex.wordpress.org/Conditional_Tags
7. Сжимаем код, ускоряем WordPress
Файлы CSS и Javasscript, помимо собственно кода, также содержат пробелы, пропуски и комментарии, что сказывается на размере файла. С помощью онлайн инструментов вы легко можете сжать код, что позволит вам заметно увеличить скорость сайта WordPress, кликом мыши скопировать и вставить код в файл:
Те, кто не хочет делать это вручную, могут также использовать плагины для оптимизации производительности (см. Пункт 8).
8. Плагин кэширования и скорости
Использование плагинов кэширования, таких как WP Fastest Cache или WP Rocket, может значительно повысить производительность сайтов WordPress. Я протестировал различные бесплатные плагины и смог добиться наилучших результатов с помощью WP Rocket.
Помимо возможностей кэширования, эти Speed плагины также предоставляют выполнить множество важных настроек:
- Сжатие кода
- Объединение файлов CSS и JS
- Сжатие Gzip
- Сохранить или активировать асинхронную загрузку Scipts
- Использование CDNs
Многие бесплатные плагины для скорости также предлагают премиум версию с расширенными функциями. До сих пор я тестировал только WP Rocket и Swift Performance. WP Rocket намного проще в использовании по сравнению с W3 Total Cache и обеспечивает наилучшие результаты.
9. Не используйте строки запроса для статических URL-адресов
Большинство прокси серверов испытывают проблемы с кэшированием URL-адресов, содержащих символ „?“. В первую очередь это влияет на файлы JS и CSS и файл jQuery, включенный по умолчанию:
wp-includes/js/jquery/jquery.js?ver=1.11.0,
URL-адреса можно переписать следующими строками кода в файле functions.php:
1 2 3 4 5 6 | function _remove_query_string( $src ){ $parts = explode( '?ver', $src ); return $parts[0]; } add_filter( 'style_loader_src', '_remove_query_string', 9999 ); add_filter( 'script_loader_src', '_remove_query_string', 9999 ); |
10. Хостинг
При размещении вашего сайта вам следует обратить внимание на подходящий тариф. В случае недорогих пакетов многие провайдеры предоставляют общий сервер, что влияет на время загрузки. Или предлагаемого лимита памяти будет недостаточно для вашего сайта.
Я размещаю свои сайты на сервисе Hostiq.ua – в данный момент я абсолютно доволен своим поставщиком услуг! Из всех провайдеров, что я испробовал для сайтов WordPress, этот провайдер самый быстрый, и это не реклама.
Чтобы ускорить сайт на WordPress, для начала выполните выше описанные пункты
Оптимизация wordpress сайта стоит того, чтобы уделить немного времени и внимательно пройтись по всем вышеперечисленным пунктам! После того как я выполнил пункты от 1 до 8, мой показатель скорости PageSpeed Insights составил:
Как видно это существенный показатель. Время загрузки веб-страницы — менее 1,5 секунды. Чтобы сделать WordPress сайт еще быстрее, я протестировал различные плагины. Долгое время я использовал W3 Total Cache и теперь делаю ставку на WP Rocket.
Если у вас также есть какие-либо советы или рекомендации о том, как сделать сайт на WordPress ещё быстрее, пишите в комментариях. Всего вам хорошего!
- WebP — это формат изображений, разработанный Google, который обеспечивает сжатие изображений с высоким качеством и меньшим размером файла. Этот формат использует современные алгоритмы сжатия, которые позволяют получить изображения меньшего размера по сравнению с традиционными форматами, такими как JPEG и PNG, при сохранении высокого уровня качества. WebP поддерживает прозрачность и анимацию, что делает его универсальным форматом для использования в веб-разработке, особенно для улучшения скорости загрузки веб-страниц и оптимизации пользовательского опыта. ↩︎