Блог » Разработка » Как ускорить сайт на WordPress: проверенные рекомендации по оптимизации WP
Вордпресс разработка сайта

Как ускорить сайт на WordPress: проверенные рекомендации по оптимизации WP

Представить нашу жизнь без технологий сейчас невозможно. С их помощью мы тратим меньше времени на осуществление нашей повседневной деятельности. И эта гонка каждый год только набирает обороты. Более мощные ПК и смартфоны, скоростной интернет и мгновенный доступ к информации — все это делает нас избирательными и требовательными к web-источникам, которыми мы пользуемся каждый день. Если раньше все ждали загрузку страницы по 5 и более секунд, и не жаловались, то сейчас мало кто выжидает и рекомендуемые Гуглом 2,5 сек. Если страница не подала “признаки жизни” в течение первой секунды взаимодействия пользователя с ней, он просто покинет веб-ресурс и отправится к конкурентам.

Увы, от этого никуда не деться, и вебмастерам нужно подстраиваться под реалии бытия, разрабатывая онлайн-ресурсы надлежащего качества. И в нашей новой статье мы расскажем о том, как ускорить сайт на WordPress. Почему для обзора выбрали именно эту CMS, — спросите вы. Тут все просто. Во-первых, наше digital-агентство занимается WordPress разработкой, во-вторых — более 65% всех мировых веб-ресурсов, сделанных на CMS, используют этот движок. Да и который год WP занимает ТОП-1 в рейтингах популярности систем контент-менеджмента.

Создать сайт на Вордпресс обычно желают блогеры — заезженный стереотип, все они давно покоряют Инстаграм, Тик Ток, Фейсбук и прочие соцсети. Тогда как на WP сейчас разрабатывают коммерческие проекты: веб-визитки, каталоги, новостные, корпоративные, информационные ресурсы, и даже интернет-магазины. Учитывая выход нового апдейта Core Web Vitals летом этого года, всем онлайн-платформам, сделанным на WP, и не только на нем, нужна скорость. Почему? Рассмотрим далее.

Создание сайта на Вордпресс с акцентом на быструю загрузку

Представьте, вы потратили уйму сил и денег на создание классного веб-ресурса, с детально проработанным UX/UI, интересным блогом, интерактивными карточками товаров, анимацией и прочими красивостями. Но забыли о page speed. Страница грузится медленно, и пользователь, к сожалению, никогда не узнает о проделанной вами работе. Он покинет ваш web-ресурс раньше, чем увидит контент. Если подобных сигналов от посетителей поступит много, поисковик еще и снизит позиции в выдаче, что негативно повлияет на ранжирование сайта, создание на WordPress которого вы заказали, и вложили в это свои финансы с расчетом на прибыль в будущем, не так ли?

Core Web Vitals для сайта на вордпрессОпять же повторимся, рано или поздно Гугл внедрит анонсированный Core Web Vitals, хотя он уже и пару раз переносился, но полученное в результате переноса время можно ведь расходовать с пользой, и подготовиться к будущему апдейту, который основывается на трех компонентах:

  • LCP — первичное отображение, предзагрузка контента,

  • FID — время отклика элементов страницы,

  • CLS — стабильность верстки макета.

Подробнее о них мы уже писали в нашей статье о новом алгоритме.

Для измерения скорости рекомендуется использовать PageSpeed Insights, Pingdom, GTmetrix, расширение Lighthouse для Chrome. Данные инструменты по результатам сканирования страницы формируют отчет, информация в котором поможет вам понять, как ускорить загрузку сайта на WordPress. Правда, хоть Гугловские, хоть сторонние сервисы, дают рекомендации, основываясь на ошибках, которые они нашли. Конечно, полученные советы нужно учитывать, но следует помнить, что они не исчерпывающие, и опираться в работе только на них — не лучшее решение.

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

Как ускорить сайт на Вордпресс: универсальные решения

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

Сделать сайт на WordPress и выбрать качественный хостинг

 

Первый шаг в оптимизации веб-ресурсов на WP — размещение на скоростном сервере. Именно на хостинге хранятся все файлы вашего онлайн-ресурса. Поэтому рекомендуемая скорость ответа сервера не должна превышать 200 мс, а состоять он должен из более быстрых SSD-накопителей.

Кэширование как способ ускорить WordPress

 

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

Что касается включения серверного кэша — это, пожалуй, первое, и самое главное, что нужно сделать, прорабатывая варианты, как ускорить работу сайта на WordPress. Кэш на сервере нужен, чтобы при каждом повторном обращении не загружались заново скрипты и данные, используемые ресурсом. Дело в том, что тяжеловесные запросы к MySQL являются слабостью многих web-сайтов. У WP они генерируются плагинами. И если ранее проблема решалась посредством кэша запросов MySQL, то в последней версии базы данных кэширование отсутствует. Убрали его по причине проблем с масштабированием.

как ускорить WordPress Одно из решений в таком случае — установка дебаггера Query Monitor. Он поможет выявить плагины, которые генерируют тяжеловесные запросы. После обнаружения нужно либо отключить их, либо заменить лучшими аналогами. Если необходимость в подключении кэша ответов MySQL осталась, советуем применять для этого ProxySQL — open source инструмент проксирования запросов.

Второй аспект — кэш PHP. Начиная с версии 5.5 он включен по умолчанию через расширение OPcache. Благодаря этому в памяти сервера автоматически сохраняется скомпилированный код страницы.

В результате корректной работы запросов базы MySQL и скриптов PHP генерируется HTML-файл, выдаваемый пользователю как готовая веб-страница. Если полученный HTML хранится на сервере, и отдается посетителям без повторного обращения к MySQL и PHP — скорость загрузки будет максимально быстрой. Данный метод ускорения сайта на Вордпресс заложен в основу работы большинства плагинов кэша. Сгенерированная страница сохраняется как файл, и при необходимости отдается пользователю за доли секунды.

Для серверного кэширования чаще всего используют плагины:

  • WP Super Cache,

  • W3 Total Cache,

  • WP Rocket.

Как альтернативное решение — кэш в Nginx. Принцип его работы аналогичный. Но, выбирая лучший метод, как увеличить скорость загрузки сайта WordPress, помните, что не рекомендуется использовать одновременно Nginx и кэш-плагины. Хотя это может показаться выгодной идеей, на практике вебмастера путаются в многоуровневом кэше, что негативно сказывается на функционировании онлайн ресурса.

CDN — эффективный метод ускорения WP

 

Сайт — это не только MySQL запросы и PHP скрипты. Это еще и уйма статических файлов:

  • стилей,

  • шрифтов,

  • изображений,

  • java-скриптов.

Скорость их загрузки на Вордпресс зависит от размера, и географической дальности между пользователем и сервером.

И если в первом случае достаточно просто следить за размерами файлов, и не ждать от картинки в 10 МБ быстрой загрузки, особенно на мобильном интернете, то вторая проблема решается посредством CDN — сетей доставки контента. Content Delivery Network представляет собой кластер из нескольких серверов, находящихся в разных точках мира. На каждом из них в кэше хранятся копии всех файлов, и клиент при посещении веб-ресурса получает ту, что расположена на ближайшем к нему сервере.

Стоит отметить, что не каждому web-сайту нужно формирование CDN, и в некоторых случаях расходовать финансы на это дело нецелесообразно. Задуматься о настройке Content Delivery Network имеет смысл для ускорения онлайн-ресурсов крупных международных корпораций, клиенты и дистрибьюторы которых располагаются в странах, далеких друг от друга.

Впрочем, есть и бюджетное решение для компаний с ограниченными финансами и сайтом на Вордпресс — тандем W3 Total Cache + Cloudflare поможет настроить CDN бесплатно.

Оптимизация кода и контента — залог ускорения WordPress

 

В первом случае речь идет о сокращении CSS и JavaScript файлов. По возможности, рекомендуется удалить оттуда лишнюю разметку HTML, комментарии, ненужные строки и пробелы. Да, все это облегчает жизнь разработчикам, но утяжеляет файлы, делая их обработку браузером более долгой.

ускорение WordPress оптимизация кодаЕще одна проблема, которая часто встречается — подключение всех библиотек JS, а использование по факту пары штук. Поэтому, подключайте только то, что действительно нужно для онлайн-ресурса. При этом рекомендуем сделать асинхронную загрузку JS, и отсрочить загрузку скриптов сторонних сервисов, например, web-аналитики.

Оптимизацию кода можно автоматизировать, используя один из популярных плагинов:

  • Autoptimize,

  • WP Super Minify,

  • WP Fastest Cache.

Кроме этого, на скорость загрузки положительно повлияет размещение CSS-файлов в начале страницы, а JS-файлов — в конце. Браузер в этом случае приступит к обработке скриптов после загрузки содержимого страницы.

Что касается контента, то, в первую очередь, надо уделить внимание изображениям. В большинстве случаев сайт на WordPress, заказать который вы можете у нас, тормозят тяжелые изображения, весом более 1 МБ. Поэтому наполнять контентом веб-ресурс нужно, используя оптимизированные картинки, сжатые до подходящего размера. Желательно придерживаться диапазона 200-600 КБ. Не рекомендуется добавлять изображения объемом более 1 МБ. Увы, не всегда эти нормы удается выдерживать. Конечно, пара крупных картинок в целом не окажут столь негативного влияния, однако страницы, где они расположены, могут грузится хуже остальных.

Немаловажным является и соблюдение требований к форматам изображений. В частности, рекомендуется использовать:

  • JPEG — для фотоснимков,

  • PNG — для иллюстраций,

  • SVG — для иконок.

В отчетах тестов на скорость от Гугла часто попадаются рекомендации заменить текущие картинки на изображения WebP. Это новый формат, который, как показали исследования Google, при аналогичном размере не уступает по качеству JPEG и PNG, но весит меньше на 34% и 26% соответственно.

Для работы с картинками существует обширный спектр как плагинов Вордпресс, так и сторонних ресурсов. Среди наиболее популярных:

  • Optimus – WordPress Image Optimizer,

  • WP-Optimize,

  • TinyPNG,

  • Optimizilla,

  • Image Optimizer,

  • WP Smush,

  • Imagify Image Optimizer,

  • Clearfy,

  • Easy Fast Optimization,

  • EWWW Image Optimizer.

Оптимизация картинок является одним из эффективных способов, как ускорить мобильную версию сайта WordPress. Ведь крупные изображения на mobile девайсах, особенно при подключении к 3G, 4G интернету, а не к Wi-Fi, загружаются медленно и поглощают трафик пользователя.

Как ускорить сайт на Вордпресс: решения, о которых часто забывают

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

Оптимизация базы данных

 

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

Решить проблему можно плагином, например, WP-Optimize, WP-Sweep и любым аналогичным. Либо ограничить число версий вручную через файл wp-config.php. Достаточно прописать в нем строку define( ‘WP_POST_REVISIONS’, 4 ). Где 4 ‎– количество сохраняемых версий постов. Бывает так, что хранить историю изменений не нужно. Тогда строкой false: define( ‘WP_POST_REVISIONS’, false ) можно отключить эту опцию.

Защита от хотлинкинга и отключение уведомлений о новых ссылках

 

В первом случае на сторонних ресурсах размещаются прямые ссылки на файлы вашего сайта на Вордпресс. Чаще всего от этого страдают изображения, видео либо PDF-документы. Нагрузка на ваш сервер создается за счет запросов, возникающих у стороннего ресурса при его загрузке. Он обращается к вашему хосту, запрашивая контент, ссылка на который размещена на загружаемой странице. Предотвратить подобные сценарии помогут защитные плагины, All in One WP Security and Firewall и другие аналогичные.

Уведомления о ссылках, размещенных на сторонних ресурсах, — еще один аспект работы движка WP. Данную опцию рекомендуется отключать в настройках CMS, особенно если вы осуществляете SEO-продвижение в интернете. Уведомления о каждой новой ссылке создадут лишнюю нагрузку на базу данных.

Комментарии и отзывы к постам на WP

 

User Generated Content, несомненно, приветствуется поисковыми системами, давая им понять, что страница интересна читателям, а web-ресурс пользуется в интернете популярностью. Однако, обилие отзывов и комментариев на странице значительно снижает скорость ее загрузки, замедляя базу данных. В таком случае рекомендуется разбивать их на страницы пагинации. В настройках движка можно указать, сколько комментариев или отзывов отображать на странице. Таким образом, пользователям покажутся самые свежие из них.

Проверив соответствие по всем вышеописанным пунктам, и устранив проблемы, найденные в результате тестирования pagespeed, можно уверенно рассчитывать на положительное восприятие сайта как пользователями, так и поисковыми системами. Ведь чем быстрее скорость отклика web-страницы, тем лучше она ранжируется поисковиком.

Если искоренить проблемы полностью не удалось, предлагаем еще несколько лайфхаков, как ускорить сайт на Вордпресс:

  1. Для загрузки видеороликов используйте iframe и подтягивайте их с видеохостингов, а не напрямую с вашего веб-сайта.

  2. Удалите все неиспользуемые плагины, таким образом вы облегчите базу данных.

  3. Проверьте страницы на предмет 301, 302 редиректов. Если таковых много, интернет-ресурс грузится медленнее, особенно если страницы с 3хх ответом сервера присутствуют в перелинковке.

Заказать разработку на Вордпресс с первичной SEO-оптимизацией вы можете у нас. Мы создаем онлайн-ресурсы, которые соответствуют требованиям поисковиков по скорости загрузки. Стоимость сайта на WordPress при этом зависит преимущественно от масштабности проекта и оговаривается индивидуально с каждым клиентом.

ru_RUрус