Здравствуйте! Мы собрали подробное руководство как ускорить работу WordPress для большинства владельцев сайтов.
Почему?
Потому что скорость загрузки страниц влияет на все – от трафика до показателя отказов, конверсий, удовлетворенности пользователей и, в конечном счете, прибыли. По этой причине мы собрали подробное руководство о том, как ускорить работу WordPress. Мы поговорим о том, почему важна скорость загрузки страниц, какие факторы на это влияют и как ее измерить. Далее покажем способы решения распространенных проблем.
Быстрые ссылки
Почему cкорость cайта имеет значение?
1. Медленная скорость приводит к потере посетителей
Вот некоторые статистические данные о времени загрузки страницы и поведении пользователя:
- Между 2018 и 2021 годами средняя продолжительность человеческого внимания снизилась с 12 до всего лишь 8 секунд.
- 47% потребителей ожидают, что веб – страница загрузится в течение двух секунд или меньше.
- 40% отказываются от сайта, загрузка которого занимает более трех секунд.
- 79% покупателей, недовольных работой сайта, с меньшей вероятностью вернутся.
- Задержка в одну секунду сокращает конверсию на 7%.
Хотя в абстрактных цифрах это может звучать не так уж много, в реальном мире это имеет очень широкие последствия. Например, Amazon подсчитала, что односекундное замедление скорости загрузки страниц обойдется им в 1,6 миллиарда долларов годовых продаж.
Теперь мы не все запускаем веб-сайт такого размера, как Amazon. Однако вывод очевиден: когда дело доходит до удержания и конверсии посетителей, на счету каждая секунда.
2. Скорость-это фактор ранжирования в Google/Yandex
Очевидно, что этот факт не проходит мимо поисковых систем. Ведь их цель – представить своим пользователям наилучшие результаты поиска. Сайт, который раздражает посетителей медленным временем загрузки, – плохой сайт для ПС.
Хотя скорость официально не является фактором ранжирования у Yandex, она определенно влияет на вашу поисковую позицию.
Как же так?
Медленная загрузка сайта увеличивает ваш показатель отказов. Это означает процент пользователей, которые в значительной степени уходят сразу после перехода на него. В этом случае они просто не утруждают себя ожиданием, пока ваша страница не закончит загрузку, и вместо этого нажимают кнопку “Закрыть”.
Если это произойдет, ПС примет это к сведению и понизит ваш голос, поскольку они считают такое поведение признаком низкого качества сайта.
Проблема более распространена с мобильным трафиком, который, как правило, имеет более медленное подключение к Интернету, чем компьютеры. Кроме того, Google пошел на рекорд, заявив, что для Google скорость загрузки страниц имеет первостепенное значение.
Учитывая тот факт, что мобильные устройства стали основными интернет-устройствами во всем мире, вам лучше убедиться, что ваш сайт находится на высоте.
15 способов для ускорения работы WordPress
В этой части мы поговорим об основных шагах по ускорению вашего сайта WordPress и сокращению времени загрузки страницы.
1. Инвестируйте в Качественный хостинг
Одним из самых основных шагов для повышения производительности сайта является выбор хорошего хостинга для размещения вашего сайта. Конечно, есть много дешевых предложений. Имейте в виду, что хостинг-это одна из тех областей, где вы получаете то, за что платите. Поскольку мы уже читали выше, что скорость имеет значение, это не лучшее место, где нужно экономить.
Что это значит?
В качестве первого шага избегайте бесплатных хостингов, если это возможно. Это исключает риск наличия плохих соседей на вашем сервере, которые могут замедлить работу вашего сайта. Кроме того, если у вас нет большого сайта и специалистов/бюджета для запуска собственного сервера, выделенный сервер может стать тем, что вам необходимо.
По этой причине VPS, является лучшим вариантом. Этот тип хостинга обеспечивает хороший баланс скорости, комфорта и стоимости.
Другой вариант – хостинг WordPress. Это означает, что ваш сайт будет работать на сервере, специально оптимизированном для WordPress, и вам не придется меньше заботиться о технических деталях запуска сайта. Кроме того, цены на управляемый хостинг WordPress падают, а затраты на самостоятельную разработку управляемой платформы чрезвычайно высоки.
2. Поддерживайте Свой код в актуальном состоянии.
Второй пункт в нашем списке мер по ускорению работы — WordPress -это поддержание вашей основной технологии в актуальном состоянии. Новые версии HTML, PHP и других веб-технологий появляются не просто так. Они содержат улучшения, новые функции и часто улучшенную скорость. По этой причине важно быть в курсе событий.
Теперь все веб-сайты должны работать как минимум на php 7.4, так как это самая старая версия, которая все еще получает обновления безопасности. Вы можете проверить наличие поддерживаемых в настоящее время версий PHP здесь.
Качественный хост позаботится об этом сам и уведомит вас, если ваша версия PHP устарела. Однако это не освобождает вас от ответственности за проверку. Когда вы входите в свой сервер хостинга, обязательно найдите конфигурацию PHP или аналогичный пункт меню. Здесь вы сможете контролировать, какую версию PHP вы используете.
Просто краткое примечание: некоторые старые коды (и более старые версии WordPress) несовместимы, например, с последней версией PHP. По этой причине при обновлении убедитесь, что вы сначала протестировали промежуточный сайт и сделали резервную копию. Таким образом, вы не сломаете свой живой сайт, и у вас будет простой способ откатить свои изменения, если что-то пойдет не так.
3. Используйте последние версии WordPress и его компонентов
То, что важно для программного обеспечения на вашем сервере, также важно и для WordPress. Каждая версия CMS поставляется с новыми функциями, исправлениями ошибок и многим другим. Они делают ваш сайт более эффективным и предотвращают его чрезмерное замедление.
Поддержание вашего сайта в актуальном состоянии-это не только скорость, но и проблема безопасности. С помощью последней версии WordPress, ваших тем и плагинов вы также получите относительную безопасность. Ничто не замедлит вас больше, чем взломанный веб-сайт.
4. Используйте правильную тему
Пока мы говорим о темах: они могут быть решающим фактором в скорости работы сайта. Это потому, что некоторые темы очень тяжелые. Они предлагают так много функций, что это замедляет работу вашего сайта из-за огромного веса. Имейте в виду – все эти функции состоят из кода, который должен быть загружен – во многих случаях этот код выполняется, даже если вы не используете эти функции!
По этой причине постарайтесь найти тему, в которой есть только то, что вам нужно, и ничего больше. Или еще лучше, получить легкую тему и доработать функционал. Таким образом, вы можете сохранить легкость. Ваше время загрузки будет вам благодарно. Иногда это требует серьезной доработки вашего сайта но, к счастью, это то, что вы делаете только один раз! Некоторые легкие темы, которые являются хорошей отправной точкой для любого проекта WordPress.
5. Выполняйте Регулярное Обслуживание Базы Данных
Точно так же, как ядро WordPress со временем увязает, так и база данных. Он склонен накапливать временное дисковое пространство и неиспользуемые данные из неустановленных плагинов, почтовых редакций и других виновников.
По этой причине регулярное обслуживание базы данных имеет решающее значение для поддержания вашей базы. Это можно сделать вручную или с помощью инструментов. Наша рекомендация- WP-Optimize, что делает процесс достаточно комфортным.
Таблица wp_options-это тоже то, на чем стоит сосредоточиться, потому что если она выйдет из-под контроля, то может серьезно замедлить работу вашего сайта.
А если вы поклонник командной строки, то есть также хороший мануал в сети по очистке таблицы wp_options. Для более продвинутой и тщательной очистки базы данных подумайте о том, чтобы нанять профессионала.
6. Проверяйте скорость
Вы знаете, как говорят, что только то, что измеряется, управляется? Это также верно для скорости сайта. Только если вы осознаете, что есть проблема, вы можете предпринять корректирующие действия. Проверить это можно google pagespeed insights.
7. Уменьшите Количество Запросов Сервера
Запрос сервера происходит каждый раз, когда ваш браузер запрашивает какой-либо тип ресурса с вашего сервера. Это может быть файл, такой как таблица стилей, код JS или изображение.
Чем больше запросов сервера необходимо для завершения загрузки вашего сайта, тем больше времени это займет. Как следствие, запросов должно быть, как можно меньше. Вот несколько вещей, которые вы можете сделать, чтобы свести их к минимуму:
- Уменьшите количество сообщений, отображаемых на странице.
- Показывать только отрывки постов, никаких полных постов на страницах архива (найдите опцию в разделе Настройки> Чтение).
- Разбить более длинные посты на страницы – это просто
- Если вы получаете много комментариев, разбейте их на несколько страниц (Настройки > Обсуждение).
- Уменьшите количество изображений и других элементов на вашей странице.
- Деактивируйте и удалите ненужные плагины.
- Включите Lazy Load через код или плагин, чтобы задержать загрузку изображений до тех пор, пока они действительно не будут видны на странице.
- Уменьшите количество внешних ресурсов, таких как шрифты, сторонний JavaScript если они не нужны.
8. Оптимизация изображений
Изображения часто составляют большую часть страницы. Это естественно, поскольку им нужно больше места, чем тексту или CSS. По этой причине, чтобы ускорить WordPress, очень важно, чтобы вы научились делать их как можно меньше без потери качества, или того, что называется сжатием.
Есть много сервисов для сжатия изображений, например, TinyPNG.
Если вы предпочитаете бесплатный плагин, попробуйте WP Smush или EWWW Image Optimization. Оба плагина будут сжимать любое изображение, которое вы загружаете на свой сайт, но результаты не будут такими сжатыми по сравнению с сервисами оптимизации изображений.
Также можно перевести изображения в webp формат и загрузить их на сайт – это даст максимальное сжатие, но старые браузеры могут не отображать эти изображения на странице. Для загрузки в формате webp потрубется плагин либо код который необходимо вставить в конец.
function webp_upload_mimes( $existing_mimes ) {
// add webp to the list of mime types
$existing_mimes['webp'] = 'image/webp';
// return the array back to the function with our added mime type
return $existing_mimes;
}
add_filter( 'mime_types', 'webp_upload_mimes' );
Когда вы используете изображения в своем контенте, важно отметить, что WordPress создает их несколько размеров. Таким образом, вы можете вставить размер изображения, в котором оно действительно понадобится.
Размещение полноразмерного изображения, а затем сокращение его до 300 пикселей-это просто замедление сайта. К сожалению, это происходит слишком часто, поэтому убедитесь, что вы выбрали подходящий размер изображения для своих постов.
9. Избегайте размещения видео на Своем Собственном сайте.
Продолжая тему медиа, видео также являются проблемой. Хотя WordPress вполне способен размещать и воспроизводить видео, делать это не очень хорошая идея.
Прежде всего, это стоит вам пропускной способности, что особенно важно, если у вас недорогой тариф хостинга. Во-вторых, это сделает ваш сайт WordPress значительно больше и, следовательно, будет сложнее создать резервную копию.
Самое главное – есть множество сверхбыстрых видеохостингов, которые, вероятно, могут сделать гораздо лучшую работу, чем ваш собственный сервер. Кроме того, буквально все, что вам нужно сделать, чтобы включить видео в свой контент, – это скопировать ссылку YouTube и вставить ее в редактор WordPress.
10. Включите Кэширование Страниц
Ранее мы упоминали, что WordPress динамически создает HTML-версию ваших страниц всякий раз, когда кто-то просит их просмотреть.
Поскольку это одна из тех вещей, которые замедляют его работу, не имеет ли смысла иметь готовую HTML-страницу под рукой все время? В конце концов, таким образом вы могли бы сэкономить несколько шагов.
Это именно то, что делает кэширование страниц, и это один из лучших способов уменьшить время загрузки страницы вашего сайта WordPress. CMS также предлагает несколько плагинов для его включения, в первую очередь WP Super Cache.
Есть несколько премиальных универсальных плагинов кэширования, но будьте осторожны, так как они могут быть довольно раздутыми и иметь больше функций, чем вам действительно нужно, и могут в конечном итоге сломать ваш сайт. Также было бы неплохо спросить вашего хоста, предоставляют ли они сначала серверное кэширование (см. Ниже), прежде чем возиться с любыми плагинами кэширования.
Пожалуйста, имейте в виду, что кэширование страниц слишком часто используется для скрытия проблем производительности, связанных с некачественным хостингом, медленными плагинами или темами и даже раздутой базой данных. Лучше всего сначала позаботиться обо всем этом, чтобы ваш сайт работал быстро, не полагаясь на кэширование страниц. Владельцы магазинов WooCommerce это знают слишком хорошо!
Если вы более технически мыслите, вы также можете реализовать кэширование самостоятельно через файл .htaccess.
# Включaeм кэш в бpayзepaх пoceтитeлeй# Вce html и htm фaйлы бyдyт хpaнитьcя в кэшe бpayзepa oдин дeнь Header set Cache-Control "max-age=43200" Header set Cache-Control "max-age=604800" # Вce флэш фaйлы и изoбpaжeния бyдyт хpaнитьcя в кэшe бpayзepa oдин мecяцHeader set Cache-Control "max-age=2592000" # Oтключaeм кeшиpoвaниe php и дpyгих cлyжeбных фaйлoвHeader unset Cache-Control
11. Используйте сеть доставки контента (CDN)
Помните, когда мы говорили о том, что расположение сервера является важным фактором времени загрузки страницы? В принципе, чем дальше компьютер, на котором размещен ваш сайт, находится от посетителя, тем больше времени требуется для передачи данных вашего сайта.
Сеть доставки контента или CDN уменьшает эту проблему, размещая ваши статические файлы сразу на нескольких серверах, распределенных по всему миру. Таким образом, всякий раз, когда кто-то запрашивает просмотр вашего сайта, он может получить его из ближайшего возможного места, тем самым сокращая время загрузки.
В наши дни существует несколько хороших сервисов, таких как StackPath, Google Cloud CDN и Cloudflare. У последнего даже есть бесплатный план для личных сайтов.
В дополнение к этому, есть также возможность размещать только части вашего сайта на CDN. Например, плагин Jetpack содержит Photon, бесплатный CDN для изображений. Просто установите, активируйте, и отныне все изображения на вашем сайте будут доставляться посетителям через сеть доставки контента.
12. Объедините Ваши Файлы
Как было объяснено выше, у вас должно быть, как можно меньше запросов к серверу. Хороший способ уменьшить количество файлов, которые необходимо загрузить, – это объединить их в меньшее количество и большие файлы. Это также называется конкатенацией.
Преимущество: Загрузка одного большого файла обычно происходит быстрее, чем нескольких меньших, особенно если вы не можете загрузить их одновременно.
Если вы разработчик, есть инструменты, чтобы сделать это так, как Gulp. Для всех остальных есть autoptimize. Плагин автоматически объединяет все ваши HTML, CSS и JavaScript файлы в один. Все, что вам нужно сделать, это установить плагин, активировать и включить его. Кроме того, он поставляется с большим количеством опций, таких как следующий.
После того как HTTP/2 был выпущен и стал стандартом, многие люди начали рекомендовать не объединять ваши файлы, потому что HTTP/2 должен был сделать конкатенацию ненужной. Однако, как и все теоретическое, эта идея не обязательно соответствует действительности. Автор плагина Autoptimize написал об этом в своем блоге и призвал пользователей проверить это на себе, так как большие файлы лучше сжимаются с помощью gzip, что означает меньший сайт. Угадайте, кто любит небольшие сайты? Мобильные пользователи с небольшой пропускной способностью каналов и сетевыми ограничениями!
13. Воспользуйтесь преимуществами минификации файлов
Сокращение ваших файлов может быть еще одним способом, а котором вы раньше не слышали.
Если вы когда-нибудь смотрели на файл кода, такой как таблица стилей CSS, вы, возможно, заметили, что он обычно аккуратно организован, чтобы сделать его читаемым (по крайней мере, если разработчик знает, что он делает).
Комментарии и форматирование облегчают чтение, понимание и поддержку кода. К сожалению, браузеры и компьютеры не обращают на это внимания.
Кроме того, форматирование делает файлы больше, чем они должны быть. Как мы уже узнали, большие файлы означают более длительное время загрузки.
Итак, как вы уменьшаете свои файлы? Как уже было сказано, вышеупомянутая Autoptimize может сделать это. Для разработчиков существует вышеупомянутый Gulp, а Grunt-еще одна альтернатива.
14. Включите Сжатие Gzip
Мы уже говорили о сжатии в разделе об оптимизации изображений. Вы также знакомы с ним по своему компьютеру и zip-файлам. Вы можете быть удивлены, узнав, что то же самое возможно и с вашим сайтом.
В конце концов, сайт WordPress-это не что иное, как набор файлов. Сжатие лучше всего работает с повторяющимися данными, а код очень часто повторяется. Поэтому файлы веб-сайтов являются идеальными кандидатами для сжатия.
Это делает их меньше и, следовательно, быстрее загружает. Кроме того, все современные браузеры могут интерпретировать сжатые файлы, что делает эту меру отличным вариантом для ускорения работы WordPress.
Многие хосты реализуют gzip на стороне сервера без какой-либо дополнительной конфигурации, поэтому сначала спросите своего хоста. Если gzip еще не активирован для вас, не волнуйтесь, его легко реализовать. Вы можете либо использовать плагин кэширования, который делает это автоматически, либо добавить следующий фрагмент кода в файл .htaccess в вашем корневом каталоге.
# Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent
15. Отключите загрузку изображений на сторонние сайты
Вместо того чтобы загружать изображение на свой сайт, а затем включать его в свою собственную медиатеку, вы ставите ссылку на другой сайт, с которого загружается изображение.
Если ваш контент станет популярным, это может начать происходить и с вами. Проблема: это отнимает у вас пропускную способность, потому что ваш сервер должен работать, чтобы доставить изображение на какой-то другой сайт, и вы ничего не получите от него с точки зрения трафика.
Чтобы остановить хотлинкинг, просто добавьте следующий код в свой файл .htaccess
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https://(www\.)example.com/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [F]
Если вам потребуется помощь в оптимизации скорости загрузки сайта на WordPress, вы всегда можете позвонить по телефону +7 (812) 219-15-16 и получить решение задачи в короткие сроки.