Как увеличить скорость загрузки сайта. Как ее проверить и для чего она нужна

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

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

Второй аспект – поисковые системы понижают в поисковой выдаче сайты со слабой скоростью. Гугл уже давно ввел правило mobile-first, ориентированное на мобильную версию перед десктопным вариантом сайта. Поэтому для качественного продвижения сайта нужно обязательно не только адаптировать свой сайт под мобильные устройства, но и проверить насколько быстро он загружается на мобильной версии.

Как проверить скорость сайта?

Как правило, для этого используется инструмент от Google PageSpeed Insights

Здесь все просто – вводим адрес сайта и смотрим показатели для мобильной и десктопной версий. Если ваш сайт находится в красной зоне – то это тревожный звоночек и срочно нужно предпринимать меры.

Как увеличить скорость сайта?

Существует множество разных параметров, но благо все они прописаны в том же инструменте. Если вы хорошо разбираетесь в CSS и скриптах, то убрать проблемные элементы не составит труда.

Я, к примеру, за несколько минут вывел свой сайт из красной зоны в желтую. А чтобы приблизиться к зеленой потребовалось пара часов. Здесь следует заметить, что идеальных параметров добиться практически нереально, так как на сайте могут присутствовать важные элементы, которые влияют на скорость сайта и отключать которые очень бы не хотелось. Классический пример – сприпты метрик от Яндекса и Гугла, иконки Awesome или какие-то дополнительные важные скрипты.

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

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

Основные действия по увеличению скорости сайта

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

Прежде всего, это адаптация картинок. Я их обработал и перевел в формат Webp. Также для мобильной версии скрыл некоторые элементы, которые тянули трафик.

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

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

С уважением, Юра Эксперт.