Здесь все просто. Если ваш сайт не загрузился достаточно быстро, то сильно возрастает вероятность того, что посетители просто не будут ждать пока он полностью загрузится и закроют страницу. Таким образом, вы будете терять клиентов.
Второй аспект – поисковые системы понижают в поисковой выдаче сайты со слабой скоростью. Гугл уже давно ввел правило mobile-first, ориентированное на мобильную версию перед десктопным вариантом сайта. Поэтому для качественного продвижения сайта нужно обязательно не только адаптировать свой сайт под мобильные устройства, но и проверить насколько быстро он загружается на мобильной версии.
Как проверить скорость сайта?
Как правило, для этого используется инструмент от Google
Здесь все просто – вводим адрес сайта и смотрим показатели для мобильной и десктопной версий. Если ваш сайт находится в красной зоне – то это тревожный звоночек и срочно нужно предпринимать меры.
Как увеличить скорость сайта?
Существует множество разных параметров, но благо все они прописаны в том же инструменте. Если вы хорошо разбираетесь в CSS и скриптах, то убрать проблемные элементы не составит труда.
Я, к примеру, за несколько минут вывел свой сайт из красной зоны в желтую. А чтобы приблизиться к зеленой потребовалось пара часов. Здесь следует заметить, что идеальных параметров добиться практически нереально, так как на сайте могут присутствовать важные элементы, которые влияют на скорость сайта и отключать которые очень бы не хотелось. Классический пример – сприпты метрик от Яндекса и Гугла, иконки Awesome или какие-то дополнительные важные скрипты.
Однако, можно минимизировать их влияние и, хотя бы выйти из красной зоны. В моем случае первостепенной задачей было достичь минимального показателя в 70 баллов по мобильной версии и 90 в десктопной.
По десктнопной версии особых проблем не возникло, а с мобильной пришлось повозиться.
Основные действия по увеличению скорости сайта
В принципе, каких-то углубленных знаний не потребовалось. Достаточно было следовать рекомендациям от инструмента и шаг за шагом исправлять косяки, которые тормозили сайт.
Прежде всего, это адаптация картинок. Я их обработал и перевел в формат Webp. Также для мобильной версии скрыл некоторые элементы, которые тянули трафик.
Немного пришлось повозиться с кэшированием элементов и отложенным отображением CSS файлов и скриптов. Однако, в сети есть довольно много рекомендаций как это сделать, главное было найти рабочий вариант.
В итоге получилось вывести сайт на показатели в районе 80 баллов по мобильной и за 90 по десктопной версиям. Можно было, конечно, заморочиться и довести мобильную версию до зеленой зоны, но пока лучше займусь внутренней оптимизацией сайта.
С уважением, Юра Эксперт.