Как ускорить загрузку сайта:
8 основных способов

Для этих целей подойдут такие инструменты, как:

В первую очередь, согласно данным Google (исследование SOASTA), скорость загрузки сайта влияет на конверсию. Так, оптимальное время, за которое должна открыться страница, составляет менее 2,2 секунд.

Согласно другим исследованиям, компания Walmart добилась увеличения коэффициента конверсии на 2% за каждую 1 секунду ускорения. Также IT-гигант Mozilla смог повысить количество загрузок на 15%, уменьшив время на отображение страницы на 2.2 секунды.

Данный источник утверждает, что загрузка страницы за менее, чем 100 миллисекунд дает пользователю ощущение моментальной загрузки. Как показали исследования, около половины (40%) посетителей откажутся от сайта, если он загружается более 3 секунд. Было замечено, что при превышении времени загрузки контента 2-х секунд показатель отказов увеличивается на 30%.

Дополнительным стимулом для вебмастеров становится влияние этого фактора на мобильную выдачу в Google с июля 2018 года.

Для того, чтобы проверить эффективность части методов, которые были описаны, использовалась проверка одной и той же страницы (мобильной версии) через сервис Google PageSpeed insights, имеющей следующие показатели:

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

Уменьшить размер страницы можно, сжав изображения при помощи сервисов:

Это позволит уменьшить вес изображений на 60−90% и, как следствие, значительно снизить размер страницы.

Улучшить скорость загрузки страницы по протоколу HTTP можно через компрессию (сжатие), которую лучше всего выполнить через технологии:

Проверить результаты сжатия можно на сайте whatsmyip.

Формат WebP даст возможность сделать страницу еще «легче». Он позволяет получить размер на 26% меньше, чем PNG. Без его использования можно получить следующие результаты:

LazyLoad (Ленивая загрузка) — это отложенная загрузка изображений. Благодаря данной технологии изображения будут загружены лишь в том случае, если они требуются пользователям. Схема работы LazyLoad.

Результаты до:

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

Результаты без кэширования:

При помощи использования специальных средств для упрощения кода JavaScript и CSS, можно снизить «вес» страницы. Для того, чтобы выполнить эту операцию, достаточно использовать инструмент jscompress.

Пример, кода без сжатия:

Подробнее о сжатии JavaScript и CSS можно узнать в статьях:

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

Например, сайт Google, который выглядит максимально просто, поэтому имеет идеальные данные по Google PageSpeed insights.

Расстояние между сервером и пользователем играет важную роль в оптимизации скорости загрузки сайта. Для решения проблемы можно использовать CDN-сервисы, которые загрузят нужные файлы (как правило, картинки) с собственного сервера, находящегося ближе всего к пользователю.

Наиболее популярные CDN сервисы:

Кстати, найти на сайте неполадки, тормозящие его работу, а также много других уязвимостей, мешающих хорошему ранжированию, можно с помощью инструмента «Аудит сайта» от Serpstat.

Вот категории неполадок, на наличие которых Serpstat проверяет сайт:

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

Вот несколько статей, которые помогут в работе с инструментом:

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