Оптимизация сайта - ускоряет его загрузку

Image

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

Если ещё несколько лет назад мы готовы были ждать несколько минут, пока загрузится страница. То сегодня пользователь рассчитывает на загрузку сайта до 10 сек. Причём это значение стремится к 0.

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

Прежде, чем начать оптимизировать сайт, нужно понять, а нужно ли это вообще делать. Может у вас всё отлично? Для ответа на этот вопрос, оценим, насколько быстро должна грузиться страница:

   1 секунда – отличная скорость.

   2-3 секунды – хорошая скорость.

   4-7 секунд – удовлетворительно, но стоит поработать с сайтом.

   8-10 секунд – плохо.

   11 секунд и более – ужасно, обязательно займитесь оптимизацией сайта. Вы теряете клиентов и прибыль.

Image

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

А я начинаю рассматривать, что можно сделать для оптимизации сайта.

1. Оптимизация изображения

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

На размер изображения влияют следующие параметры:

Image

   Разрешение изображения.

Используйте небольшое разрешение для изображения. Для изображений в интернете достаточно использовать разрешение в 72 dpi.

   Изображения должны быть по ширине контентной части.

Чем меньше размер изображения, тем оно меньше весит.

   Оптимизация изображения при сохранении.

Если вы пользуетесь программой PhotoShop для работы с изображениями, то при сохранении изображения выбирайте опцию Сохранить для Web. Эта опция уменьшает вес изображения. Даже при таком сохранении можно воспользоваться услугами сервисов. Иногда они могут ещё больше сжать изображение. Например, когда я прогоняю через сервис, у меня изображение уменьшается ещё на  3 – 6%.

Для оптимизации можно воспользоваться сервисами, например: https://kraken.io. Этот сервис позволяет оптимизировать изображения в режиме online.

   Обратите внимание на формат изображения.

Изображение в формате png имеет значительно больший размер, нежели jpg. Пересохранив изображение из png в jpg формат вы сможете уменьшить её размер в 3-4 раза.

Png формат используйте только тогда, когда у изображения прозрачный фон. В остальных случаях используйте jpg.

Существую ещё более экономичные форматы, такие как JPEG 2000, JPEG XR и WebP.  Хотя не все CMS их поддерживают. В таких случаях можно воспользоваться плагинами, которые помогают преобразовать формат изображения в режиме online.

2. Удалите не используемые плагины

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

3. Обновите плагины и CMS

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

4. Очистите БД

При редактировании постов по нескольку раз создаются ревизии записей. Каждый раз при редактировании, создаётся новая запись. Со временем создаётся огромное количество ненужных ревизий постов, что приводит к снижению скорости работы БД.

5. Оптимизируйте код шаблона

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

6. Оптимизируйте CSS файл

Посмотрите файл стилей CSS и удалите ту часть кода, которая дублируется и не используется на сайте.

7. Настройте кэширование сайта

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

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

Image

8. Настройте конфигурационный файл для ускорения работы сайта

Конфигурационный файл находится в корневой директории сайта. В нём можно запретить загрузку некоторых параметров CMS. Это позволит снизить нагрузку на хостинг.

9. Настройте .htaccess файл

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

10. Качественный хостинг

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

Выбирая хостинг вы должны обратить внимание на следующие параметры:

Image

   Хостинг должен использовать SSD диски для хранения информации.

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

Например, если сервера хостинга расположены в США, а аудитория сайта ориентирована на страны СНГ, то сайт будет работать медленно. В таком случае на связь с сервером будет тратиться очень много времени.

   Быстрый отклик серверов – это тоже один из важных параметров хостинга.

   Если у вас достаточно большая нагрузка на сервер или большая посещаемость, то лучше воспользоваться услугой VDS (виртуальный выделенный сервер).

11. Использование CDN сети

Использование CDN (Content Delivery Networks) сети может ускорить работу сайта. CDN позволяет загружать данные сайта не только с вашего сервера, но и с других серверов, расположенных по всему миру. Заходя на сайт пользователю подгружаются данные с CDN сервера, который наиболее близко расположен к его местоположению.

Image

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