Оптимизация WordPress является обязательной для того, чтобы ваш сайт занимал хорошие позиции в поисковых системах и чтобы ваши посетители не отказывались от просмотра. Во имя удобства пользователей Google придает большое значение времени загрузки веб-страниц, что напрямую влияет на рейтинг вашего сайта в результатах поиска. Чтобы проверить производительность вашего сайта, необходимо учитывать несколько параметров: время отклика сервера, ресурсы, блокирующие рендеринг, неиспользуемые ресурсы кода, вес страницы и вес изображения.
Как измерить производительность вашего сайта WordPress?
Для измерения этих параметров и улучшения SEO вашего сайта доступно несколько бесплатных инструментов, наиболее популярными из которых являются PageSpeed поскольку он разработан компанией Google и имеет особенность измерять как производительность на настольных компьютерах, так и скорость загрузки сайта с мобильного устройства. Лично я предпочитаю использовать GTmetrix, поскольку он дает множество очень точных и легко выполнимых рекомендаций по ускорению времени загрузки.
Что такое “Core Web Vitals” ?
Все эти сайты измеряют производительность веб-сайтов, но прежде всего они дают полезные советы и указания по улучшению скорости загрузки страниц, в частности, сравнивая их с Core Web Vitals: набором показателей, установленных Google. Core Web Vitals используются для оценки пользовательского опыта на веб-странице и касаются времени загрузки, отзывчивости и интерактивности веб-сайта. Эти показатели Core Web Vitals подразделяются на 3 основных параметра:
- Largest Contentful Paint (LCP): измеряет производительность загрузки веб-страницы. Чтобы обеспечить хороший пользовательский опыт, LCP должен произойти в течение 2,5 секунд после начала загрузки страницы.
- Задержка первого ввода (FID): измеряет первое впечатление пользователя об интерактивности и отзывчивости вашего сайта. Это время между первым взаимодействием пользователя с элементом страницы (например, нажатием на ссылку) и моментом, когда начинается обработка данных в ответ на действие пользователя. Чтобы обеспечить хороший пользовательский опыт, задержка первого входа на страницы должна составлять не более 100 миллисекунд.
- Cumulative Layout Shift (CLS): измеряет визуальную стабильность. Google указывает, что различные объекты и элементы не должны перемещаться на странице во время ее рендеринга и/или загрузки для пользователя. Чтобы обеспечить хороший пользовательский опыт, страницы должны иметь CLS не более 0,1.
Важно: создайте резервную копию своего сайта
Настоятельно рекомендуется создать резервную копию вашего сайта перед выполнением следующих оптимизаций. Вы можете использовать для этого:
- плагин UpdraftPlus (см. нашу подробную статью о UpdraftPlus здесь),
- плагин WPvivid (см. нашу подробную статью о WPvivid здесь).
1/ Установка плагина кэша WordPress и предзагрузчика веб-страниц
Известным решением для ускорения работы WordPress является установка плагина кэширования для кэширования ваших страниц и постов. Кэширование позволяет создавать статические копии веб-страниц и показывать их посетителям. Это решение позволит сократить количество HTTP-запросов и улучшить время загрузки веб-страниц.
– Плагин WP Rocket
WP Rocket, без сомнения, является одним из самых популярных плагинов кэширования и оптимизации на рынке. Бесплатной версии нет, а базовая платная версия стоит $49 в год и позволяет оптимизировать 1 сайт.
– Плагин WP-Optimize
WP-Optimize – это универсальное решение для ускорения сайта WordPress и перехода от медленного к быстрому всего за несколько кликов: этот плагин поможет вам очистить вашу базу данных, удалив десятки, даже сотни или тысячи файлов, которые стали бесполезными. WP-Optimize также может сжимать изображения и кэшировать веб-страницы. Не забудьте предварительно сделать резервную копию вашего сайта!
2/ Использование CDN (сеть доставки контента)
CDN – это система распределенных серверов, которая доставляет веб-страницы и другой веб-контент пользователям с учетом их географического положения. Цель CDN – повысить производительность за счет доставки контента из мест, расположенных ближе к пользователю.
CDN можно представить как гигантский кэш, который хранит копии контента в нескольких местах по всему миру. Когда пользователь запрашивает содержимое, кэшированное CDN, CDN отвечает на запрос из ближайшего к пользователю места, что улучшает время загрузки вашего сайта wordpress.
CDN обычно используются для предоставления статического контента, такого как изображения, таблицы стилей и файлы JavaScript. Они также могут использоваться для предоставления динамического контента, такого как потоковое видео и аудио, прямые трансляции и загрузка программного обеспечения.
Самой популярной CDN является Cloudflare, и она предлагает очень удовлетворительный бесплатный план для большинства веб-сайтов. Оптимизировать кэш для вашего сайта можно с помощью плагина, разработанного специально для дополнения CDN Cloudflare: плагин Super page Cache For Cloudflare.
3/ Оптимизация изображений и активировать ленивую загрузку
Вы можете оптимизировать свои изображения, уменьшив размер файла. Но можно также уменьшить размер изображений до их отображения на экране, чтобы браузеру посетителя не приходилось изменять их размер. Эти простые меры позволят увеличить скорость работы вашего сайта.
– Плагины для оптимизации изображений
Конечно, существует множество онлайн-инструментов, позволяющих загружать изображения в Интернет, а затем в WordPress. Но это двойное усилие, которое может занять много времени, если мы работаем с большим количеством файлов изображений.
Оптимизатор изображений WordPress, такой как Imagify,Optimole или ShortPixel, не только сжимает наши изображения при загрузке, но и может выполнить массовую оптимизацию для всех файлов, уже находящихся в медиатеке WordPress.
Другие преимущества заключаются в том, что эти плагины предлагают свои собственные CDN в качестве опции и могут работать в синергии с WP Rocket. В этом случае особенно эффективно использовать функцию Lazy Loading.
– Активация ленивой загрузки ваших изображений
Это простая и эффективная техника задержки загрузки изображений, позволяющая оставить их вне экрана до тех пор, пока пользователям не понадобится их просмотреть. По такому же принципу можно отложить показ видео iframe. Эта техника особенно полезна для ускорения загрузки страниц на мобильном устройстве. Вышеперечисленные плагины оптимизации изображений WordPress поддерживают эту функцию.
4/ Выбор наиболее подходящего типа веб-хостинга
Как вы можете ускорить свой сайт WordPress, если вы уже используете CDN и плагин кэширования, а также позаботились об оптимизации изображений? Большинство веб-хостингов – это виртуальный хостинг. Но есть и другие типы, Hostinger предлагает облачный хостинг, VPS-хостинг и управляемый WordPress хостинг.
Компания Cloudways специализируется, как следует из названия, на облачном хостинге и предлагает услуги, аналогичные управляемому хостингу WordPress.
Вы можете ознакомиться с нашими статьями об облачном хостинге, VPS-хостинге и управляемом хостинге WordPress.
Другое решение – использовать Elementor Cloud. Конструктор страниц Elementor построен на облачной платформе Google, что является гарантией скорости и надежности. Предложение Cloud – это услуга “все в одном”, которая берет на себя не только хостинг, но и технические аспекты создания веб-сайта:
- Веб-хостинг, полностью управляемый компанией Elementor,
- Elementor Cloud позволяет управлять вашим сайтом с единой платформы,
- Вы пользуетесь лицензией Elementor Pro,
- Бесплатный домен с бесплатным SSL-сертификатом,
- WordPress и Elementor предустановлены,
- Активирована тема WordPress Hello,
- Ежедневное и автоматическое резервное копирование вашего сайта,
- Оптимизация с помощью Cloudflare CDN,
- Отличная служба поддержки.
Elementor Cloud может стать отличным выбором, если вам не нравятся технические аспекты создания сайта и вы хотите сосредоточиться на дизайне веб-страниц, тем более что его стоимость составляет всего 99 долларов в год, что является очень справедливой ценой за пакет.
5/ Supprimer les plugins et thèmes WordPress inutiles
Как бесплатно и просто оптимизировать скорость вашего сайта? Чем больше у вас тем и плагинов, тем больше вероятность того, что они замедлят работу вашего сайта. Минимизируйте использование плагинов, особенно тех, которые добавляют ненужный код или делают лишние HTTP-запросы (если, конечно, у вас нет эмоциональной зависимости от плагина Hello Dolly). Если вы не уверены, начните с простой деактивации (на время) плагина, который вы считаете бесполезным.
Обновить плагины и темы WordPress
Вы должны обновлять свои темы и плагины, самый простой способ – активировать автоматическое обновление для каждой темы и плагина WordPress. Наконец, поддерживайте свою установку WordPress в актуальном состоянии с помощью последней версии.
7/ Обновление версии PHP для ускорения работы WordPress
Точно так же, как вы обновляете сам WordPress для обеспечения защиты от уязвимостей безопасности, вы должны делать то же самое с PHP. Это не только вопрос повышения производительности вашего сервера, но и вопрос безопасности. Прежде чем обновлять версию PHP, сначала проверьте, рекомендует ли ваш веб-хост ту или иную версию PHP.
8/ Минификация файлов CSS, HTML и JavaScript
Минификация – это процесс удаления ненужных данных из файлов HTML, CSS или JavaScript кода ваших веб-страниц, чтобы уменьшить размер этих файлов, тем самым улучшая скорость загрузки страниц вашего сайта.
Опять же, плагины WP Rocket и WP-Optimize могут решить эти проблемы очень легко.
9/ Использование оптимизированной темы WordPress
– Тема GeneratePress
Для повышения производительности WordPress выбор темы, безусловно, имеет решающее значение. GeneratePress особенно легок по сравнению со своими конкурентами, поэтому он сосредоточен на скорости и стабильности, что является ключевым фактором для производительности вашего сайта. Эта тема wordpress проста в использовании и имеет множество функций, которые делают ее идеальной для создания любого типа сайта. Существует бесплатная версия, а также версия Premium с еще большими возможностями настройки ($59 в год или $249 пожизненно).
– Тема OceanWP
Тема OceanWP – это красивая и современная тема WordPress с более чем 200 готовыми к использованию шаблонами, идеально подходящая для любого типа бизнес-сайта (торговля, малый бизнес). Эта тема WordPress оснащена множеством функций и опций, которые позволят вам легко настраивать и контролировать свой сайт. OceanWP имеет отзывчивый дизайн, который отлично смотрится на любом устройстве, включая планшеты и смартфоны.
Тема OceanWP также готова к переводу, поэтому вы можете легко создать многоязычный сайт.
Самая дешевая платная версия темы OceanWP стоит $35 и позволяет управлять в общей сложности 3 сайтами. Пакеты бывают годовыми или пожизненными. Благодаря партнерству с хостинговой компанией Cloudways, развернуть шаблоны OceanWP можно в несколько кликов. Вы можете посетить веб-сайт OceanWP здесь.
10/ Сократите количество перенаправлений
Один из способов сократить время загрузки страницы – по возможности избегать использования перенаправлений. Самый простой способ сделать это – использовать плагин кэширования. Такой плагин будет кэшировать ваши страницы и статьи и предоставлять посетителям кэшированную версию вместо того, чтобы перенаправлять их на исходную страницу.
Еще один способ уменьшить количество перенаправлений – избегать использования сократителей URL, также известных как сократители ссылок, таких как Bitly, Cuttly или TinyUrl, поскольку они создают дополнительное перенаправление, когда пользователь нажимает на сокращенную ссылку через эти приложения.
11/ Использование сжатия GZIP
Включение gzip-сжатия в WordPress уменьшает время отклика сервера и объем данных, передаваемых с сервера веб-браузеру, что обеспечивает отличную производительность вашего сайта WordPress.
Поэтому данное решение предполагает изменение файла “.htaccess”. Это можно сделать вручную или с помощью плагина, например, WP Rocket, Wp-Optimize, W3 Total Cache или Wp Fastest Cache: на веб-серверах Apache или LiteSpeed эти плагины автоматически добавят правила сжатия gzip. Сжатие Gzip также доступно на веб-серверах Nginx, если следовать этой процедуре.
Существует также сжатие Brotli: преемник gzip, оно поддерживается всеми основными веб-браузерами. Это алгоритм сжатия данных без потерь, разработанный компанией Google. Этот формат сжатия становится все более популярным, поскольку он обеспечивает лучшее сжатие, чем gzip: файлы JavaScript, сжатые с помощью Brotli, примерно на 15% меньше, файлы HTML – примерно на 20%, а файлы CSS – примерно на 16%.
Вы можете проверить, включено ли сжатие gzip или Brotli на вашем сайте, посетив сайт giftofspeed.com.
12/ Оптимизация базы данных WordPress
Настоятельно рекомендуется создавать резервные копии базы данных перед началом работы с ней. Одним из способов оптимизации WordPress является использование таких плагинов, как WP-Optimize, Database Cleaner или WP Rocket. Чтобы увеличить производительность базы данных и тем самым ускорить работу сайта, эти плагины очищают базу данных, удаляя неиспользуемые данные, такие как старые редакции статей, мусорные комментарии и переходные опции. Поступая таким образом, вы также можете уменьшить размер своей базы данных. Более подробную информацию вы можете найти в нашей статье:3 плагина для оптимизации базы данных WordPress.
13/ Отключение горячих ссылок в WordPress
Горячая ссылка – это использование пропускной способности другого сайта путем показа одного из его файлов (например, изображения, видео или аудиофайла) на другом сайте по прямой веб-ссылке.
Горячая ссылка может быть очень ресурсоемкой для целевого сервера, т.е. она может быть для ВАШЕГО сервера. Это может привести к тому, что ваш сайт превратится из нескольких сотен запросов в час в несколько сотен тысяч и даже может привести к приостановке работы вашего хостинг-аккаунта.
Большинство провайдеров CDN, таких как Cloudflare, имеют отличную защиту от горячих ссылок, даже если у вас бесплатный тарифный план. Вы также можете включить защиту от горячих ссылок на своем домашнем сервере, независимо от того, работает ли он под управлением Apache или NGINX, поскольку для этого необходимо изменить файл “.htaccess” на вашем веб-сервере. Есть и другие решения, например, отключение правой кнопки мыши на веб-страницах или установка специального плагина. Вы можете прочитать эту подробную статью в блоге Kinsta.com.
14/ Увеличить количество работников PHP
Для оптимизации WordPress рабочие PHP в основном используются для создания страниц и выполнения запланированных фоновых задач. Поскольку рабочие PHP непосредственно отвечают за генерацию HTML-страниц для посетителей вашего сайта, они определяют, сколько одновременных некэшированных запросов может обработать ваш сайт за определенное время.
15/ Не используйте слишком много кастомизированных шрифтов
Использование пользовательских шрифтов в темах WordPress стало обычным делом. Существует несколько библиотек шрифтов, например, Google Fonts, Typekit или Fonts.com. Но они, к сожалению, могут значительно замедлить работу вашего сайта. Чтобы не снижать производительность сайта слишком сильно, рекомендуется менять только интересующий вас шрифт, а не все шрифты, которые могут быть доступны для вашей темы WordPress. Читайте большев этой подробной статье от GTmetrix об оптимизации WordPress.
Заключение
Как мы только что увидели, многие вещи могут замедлить работу вашего сайта. Никому не нравится медленный сайт. Именно поэтому Google учитывает скорость отображения сайта в качестве фактора ранжирования в результатах поиска, что может привести к штрафным санкциям в отношении ваших конкурентов. Оптимизация WordPress и ускорение работы вашего сайта включает в себя множество мелких изменений, которые, будучи сложенными вместе, могут существенно изменить ситуацию.
