Авторские статьи

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

  • imgYura
  •   99 просмотров


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


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


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


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


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

 

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

 

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




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


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


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



 

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


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


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


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


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


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

 

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

Давайте обсудим эту тему



Поделитесь статьей в соц.сетях