Увеличение скорости загрузки сайта PageSpeed 100/100

Скорость загрузки сайта — один из самых важных факторов удобства и оптимизации сайта. Покажем и расскажем на примере оптимизации скорости с 16/100 до 91/100.

Проверялись и оптимизировались показатели на основании https://developers.google.com/speed/pagespeed/insights/

Изначальная скорость:

Всегда нужно анализировать не меньше 2-х типов страниц, поскольку дизайн и функции на них абсолютно отличаются. Важно проверять главныю страницу сайта и не забывать, что 80% клиентов заходят сразу на товар или статью из поисковых систем (такие страницы называются Посадочными).

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

Что было сделано для ускорения загрузки сайта

Все JavaScript и CSS обьеденены в один файл.
Для современных браузеров настроен предварительный резолвинг DNS. При загрузке файлов с разных сайтов — ускоряется работа.
Чистка JavaScript от лишних символов, что позволяет уменьшить обьем файлов.
Оптимизация CSS, уменьшение количества лишних символов, комментариев в коде.
Настроена отложенная загрузка изображений. Картинки показываются только после полной загрузки страницы, поочередно в зависимости от видимого содержимого.
Обьединение всех лишних пробелов в ХТМЛ коде страницы.
Настроено кеширование всех статичных файлов на срок от 1 недели до 1 мес.
Расширеное кэширование JavaScript, CSS и изображений.
Оптимизирована скорость ответа сервера и генерации страницы. Настроено кэширование страниц сайта.
Все подключаемые библиотеки перемещенны в конец страницы.
Настроена асинхронная загрузка файлов.
Оптимизирована часть изображений, удалены из них мета-теги, настроено правильное разрешение.
Некоторые другие правки, которые делались по мере обнаружения и в плановом порядке.

Результаты оптимизации сайта

Скорость загрузки уменьшилась с 34сек. до 0,62 сек. Что в 55 раз лучше. Самое главное, что визуально сайт абсолютно не изменился (кроме скорости) и все настройки проводились на техническом уровне. Оптимизация до более высоких цифр возможна, но может затронуть некоторые функции сайта. Данный результат был достигнут за 2 дня работы.