Не устраивает скорость загрузки сайта? Узнайте как это можно исправить

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

Как показано в этой инфографике Kissmetrics, 40 процентов пользователей выходят из сайта, который загружается более трех секунд. Еще более ужасают статистические данные сайтов электронной коммерции: 80% покупателей, которые не удовлетворены скоростью или производительностью сайта, с меньшей вероятностью снова совершают покупки. Кроме того, задержка на одну секунду снижает удовлетворенность клиентов на 16 процентов и приводит к 8-процентной потере конверсий.

Скорость также является критическим показателем ранжирования в Google. Если у вас медленный сайт, ваши рейтинги Google упадут, и вы получите значительно меньше трафика.  С внедрением Google ускоренных мобильных страниц (AMP), скорость мобильной страницы также стала важным фактором ранжирования.

Таким образом, вы теперь понимаете, как влияет пользовательский интерфейс, взаимодействие и SEO. Что можно сделать, чтобы ваш сайт загружался быстрее? В этой статье вы найдете 10 быстрых и эффективных способов ускорить работу сайта на WordPress.

Прежде чем мы начнем, вам необходимо измерить текущую производительность и скорость сайта, чтобы вы могли количественно оценить любые улучшения в производительности после внедрения методов этой статьи. Pingdom предлагает бесплатный анализ производительности вашего сайта. Вы также можете посмотреть скорость страницы и другие данные о производительности в Google Analytics, в разделе «Поведение».

Итак, приступим!

  1. Выберите Хороший Хостинг
  2. Выберите легкую тему
  3. Уменьшите размеры изображений
  4. Добавьте Lazy Load к изображениям
  5. Используйте плагин кэширования
  6. Используйте сеть доставки контента (CDN)
  7. Минимизировать JS и CSS-файлы
  8. Очистите базу данных WP
  9. Оптимизируйте главную страницу
  10. Деактивируйте Hotlinking

1. Выберите Хороший Хостинг

 

Скорость сайта

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

Общий хостинг

Общий хостинг можно рассматривать только если у вас много сайтов которые вы редко используете, либо используете для тестирования. Стоимость такого хостинга в среднем 4 доллара. За эту сумму вы получите довольно посредственное оборудование и ненадежную поддержку.

Виртуальные частные серверы (VPS)

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

Выделенный хостинг

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

Управляемый хостинг WordPress

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

В них также есть несколько ограничений: некоторые функции WordPress, такие как плагины и темы, могут быть отключены из-за проблем с безопасностью.

2. Выберите легкую тему

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

Вы можете использовать различные бесплатные плагины для оптимизации скорости вашего сайта. К примеру ресурс WPDean собрал большой выбор самых быстрых тем, поэтому не забудьте обратить на них внимание.

3. Уменьшите размеры изображений

Изображения занимают много места в папке wp-контента и, следовательно, уменьшают скорость вашего сайта. Вот почему всегда рекомендуется сжимать все ваши изображения.
Плагины, такие как EWWW Image Optimizer и Compress JPEG & PNG Images, уменьшают размер файла изображения, без большой потери качества. Например, последний плагин сжимает размеры файлов изображений на 40-60 процентов для JPEG и 50-80 процентов для PNG без видимой потери качества

4. Добавьте Lazy Load к изображениям

Lazy Load — это инструмент, который может значительно ускорить работу любого тяжелого сайта. По сути, изображения загружаются только тогда, когда они видны читателю. Например, если вы увидите всю запись на одной странице, первые несколько изображений загрузятся, а остальные будут загружаться при прокрутке вниз по странице.

Готовы его реализовать? Вот несколько популярных плагинов, которые помогут вам быстро реализовать данную технологию с минимальными усилиями с вашей стороны:

Lazy Load : легкий и простой в использовании. Просто установите и активируйте.

Rocket Lazy Load : легкий плагин с крошечным скриптом (менее 2 КБ!).

Unveil Lazy Load : более легкий, чем Rocket Lazy Load, с еще меньшим скриптом (0.5 KB).

Image Lazy Load : более легкая версия Lazy load. Даст вам больше возможностей и настройки для загрузки изображений на мобильных устройствах.

5. Используйте плагин кэширования

Кэширование — это лучший способ ускорить работу вашего сайта и повысить производительность. Давайте разберем, как это работает.

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

Плагины кэширования — это сохранение копии HTML-сайта на определенный период времени. Затем плагин обслуживает эти файлы из кеша (в отличие от обработки сервера).

WP Super Cache (бесплатно), W3 Total Cache и WP Rocket — это три рекомендуемых плагина.

6. Используйте сеть доставки контента (CDN)

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

CDN хранит запрошенные файлы — кешированный статический контент — близко к географическому местоположению посетителя. Поэтому, если ваш сайт размещен в Украине, и пользователь обращается к вашему сайту в Харькове, он может получать изображения вашего сайта из центра обработки данных в Украине. Аналогично, даже если ваш сайт находится в США, а пользователь в Лондоне обращается к вашему сайту, он может получать ваши изображения из центра обработки данных в Великобритании. Таким образом, время передачи, переходы и другие параметры обработки уменьшаются, что приводит к значительно более быстрой работе сайта.

Amazon Cloudfront , MaxCDN  и CloudFlare являются одними из лучших сервисов услуг CDN, которые стоит использовать.

7. Минимизировать JS и CSS-файлы

Розработка сайтов

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

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

Существует немало надежных плагинов, которые не требуют вмешательства в настройки. WordPress Minify , WP Super Minify и AssetsMinify — бесплатные плагины, которые сделают эту работу за вас.

8. Очистите базу данных WP

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

WP-Sweep — самый популярный и эффективный плагин для очистки базы данных WordPress. Его также довольно просто использовать. Он предоставит отчет о различных разделах / компонентах вашего сайта, которые необходимо очистить. У вас есть возможность очистить отдельные элементы или сразу обработать все.

9. Оптимизируйте главную страницу

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

  • Ограничьте количество сообщений на странице;
  • Не показывайте полные тексты, используйте «далее»;
  • Удалите неактивные плагины и виджеты;
  • Удалите все другие ненужные материалы и элементы со страницы.

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

10. Деактивируйте Hotlinking

Вы, к сожалению, можете быть жертвой кражи контента: на других сайтах могут отображаться изображения с вашего сайта, не загруженные на их собственные серверы. При этом они крадут вашу полосу пропускания, и вы не получаете выгоду от какого-либо трафика, который они генерируют. Это называется hotlinking.

Хорошей новостью является то, что вы можете предотвратить это, добавив некоторый код в ваш файл .htaccess. В этой статье из JavaScript Kit вы узнаете, как это сделать.

Завершение

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

Мы с удовольствием узнаем о ваших методах, целях и идеях улучшения скорости вашего сайта. Дайте нам знать в комментариях ниже!