Оптимизация скорости загрузки
Здесь приведены примеры ускорения сайтов под Google PageSpeed Insights со сравнением синтетических тестов ДО/ПОСЛЕ. Оптимизация скорости загрузки — важный фактор ранжирования для SEO продвижения.

интернет-маркетолог
с командой
Оптимизация скорости загрузки
Кейс: ускорение сайта на Webasyst — uni-tra.ru
- добавили актуальную библиотеку js-lazyload;
- реализовали механику отложенной загрузки для большинства статичных медиафайлов;
- доработали функцию для инициализации слайдера в блоке «Наши клиенты»;
- реализовали отложенную загрузку Яндекс.Карты на главной странице и на странице «Контакты»;
- реализовали отложенную загрузку JivoSite виджета;
- вырезали неиспользуемый HTML и JavaScript код.
Путем оптимизации фронтенда мы смогли добиться моментальной загрузки сайта.
Кейс: ускорение сайта на Webasyst — autovyhlop.ru
- добавили актуальную библиотеку js-lazyload;
- реализовали отложенную загрузку для большинства статичных медиафайлов;
- вручную сжали некоторые медиафайлы;
- реализовали отложенную загрузку превьюшек в шаблоне видео с YouTube’а;
- реализовали отложенную загрузку логотипов брендов на главной странице;
- добавили анимацию загрузки изображений в шаблоне «Примеры работ»;
- реализовали отложенную загрузку Яндекс.Карт на главной странице и на странице «Контакты»;
- реализовали отложенную загрузку JivoSite виджета;
- добавили проверку на инициализацию Google reCAPTCHA v2 для снятия нагрузки с устройства пользователя;
- обновили PHP до версии 7.4
Таким образом, мы значительно уменьшили первоначальный вес страницы и сняли нагрузку с устройства пользователя. Сайт стал работать ощутимо быстрее и легче.
Кейс: ускорение сайта на WordPress — мостехгаз.рф
- добавили библиотеку js-lazyload;
- перенесли шрифты «Roboto» и «Exo 2» локально на хостинг вместо подключения через Google Fonts API сервис;
- реализовали механику отложенной загрузки для большинства статичных медиафайлов;
- реализовали отложенную загрузку в списке товаров и вывел анимацию загрузки;
- реализовали отложенную загрузку Яндекс.Карты на главной странице и на странице «Контакты»;
- вырезали неиспользуемый HTML и JavaScript код;
- обновили PHP до версии 7.4
Кейс: ускорение сайта на Joomla — 77professional.ru
- добавили библиотеку js-lazyload;
- перенесли шрифт «Open Sans» локально на хостинг вместо подключения через Google Fonts API сервис;
- реализовали механику отложенной загрузки для большинства статичных медиафайлов;
- вручную сжали некоторые медиафайлы;
- оптимизировали работу некоторых слайдеров в модулях;
- реализовали отложенную загрузку Яндекс.Карты на главной странице;
- реализовали вызов некоторых виджетов через отложенную функцию;
- перенесли некоторые скрипты и библиотеки локально на хостинг вместо подключения через внешний CDN;
- перенесли некоторые стили и шрифты локально на хостинг вместо подключения через внешний CDN;
- переделали механику просмотра видео с YouTube (для отложенной загрузки YouTube Player скриптов);
- оптимизировали работу некоторых плагинов.
Кейс: ускорение сайта на DIAFAN CMS — trmet.ru
- перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
- реализовали отложенную инициализацию скрипта Google Tag Manager и всех сопутствующих скриптов и библиотек;
- добавили js-lazyload механику к некоторым медиафайлам;
- вручную сжали некоторые медиафайлы.
Кейс: ускорение сайта на WordPress — emg-g.ru
- добавили библиотеку js-lazyload;
- перенесли некоторые шрифты и скрипты локально на хостинг вместо подключения через внешний CDN;
- реализовали механику отложенной загрузки для изображений в баннере на главной и для других медиафайлов;
- отложили вызов некоторых виджетов через функцию-таймаут;
- оптимизировали работу некоторых плагинов.
Кейс: ускорение сайта — sedovcompany.ru
- установили библиотеку для реализации отложенной загрузки js-lazyload;
- добавили анимацию загрузки для некоторых элементов;
- вручную сжали некоторые (новые) медиафайлы;
- добавили интервальную функцию перезапуска js-lazyload скрипта для гарантии отображения отложенных медиафайлов;
- по новому отцентровали svg-анимацию прелоадеров;
- прошлись по всем страницам и добавили механику отложенной загрузки к большинству медиафайлов;
- прошлись по всем блокам и добавили механику отложенной загрузки к большинству медиафайлов;
- обновили шаблон списка статей, добавив отложенную загрузку вместе с анимацией (на странице «Статьи»);
- добавили отложенную загрузку для изображений в слайдере «SEO-кейсы» на странице «Примеры SEO продвижения»;
- добавили анимацию загрузки для Яндекс.Карт на странице «Контакты»;
- добавили в конфиг слайдеров механику отложенной загрузки (для медиафайлов).
Наш сайт всегда работал очень быстро :)
Кейс: ускорение сайта — moskvakadastr.ru
- перенесли шрифты («Montserrat» и «PT Serif») локально на хостинг с сайтом вместо подключения через внешний CDN сервер;
- реализовали механику отложенной загрузки (js-lazyload) для некоторых статичных медиафайлов;
- доработали баннер на главной странице;
- доработали слайдер с сертификатами в подвале;
- реализовали отложенную загрузку у изображений в шаблоне кейсов (портфолио);
- оптимизировали верстку у некоторых компонентов;
- реализовали отложенную загрузку Яндекс.Карты на странице «Контакты»;
- отложили вызов некоторых виджетов через функцию-таймаут;
- минорно доработали функции для инициализации slick-slider’а.
Переделав некоторые элементы и исправив серьезные ошибки, мы смогли добиться значительного роста скорости загрузки.
Кейс: ускорение сайта на WordPress — oknozakaz.ru
- реализовали механику отложенной загрузки (js-lazyload) для некоторых медиафайлов;
- перенесли некоторые скрипты локально (вместо внешнего CDN);
- реализовали отложенную загрузку Яндекс.Карты в подвале сайта;
- сделали запуск некоторых виджетов через отложенную ассинхронную функцию;
- обработали все медиафайлы в подключаемых компонентах;
- вырезали строки запроса из внешних ресурсов для оптимизиции пинга (скорость ответа сервера);
- оптимизировали порядок запуска некоторых php-скриптов.
Кейс: ускорение сайта на WordPress — okna78.com
- перенесли некоторые скрипты и стили локально (вместо внешнего CDN);
- реализовали механику отложенной загрузки (js-lazyload) для большинства статичных медиафайлов;
- обработали все медиафайлы в подключаемых компонентах;
- сжали некоторые медиафайлы вручную;
- сделали запуск некоторых виджетов через ассинхронную функцию;
- реализовали отложенную загрузку Яндекс.Карты в подвале;
- поправили ссылки на некоторые медиафайлы во избежание 404 ошибки;
- реализовали отложенную загрузку для баннера на главной странице;
- вырезали строки запроса из внешних ресурсов для оптимизиции пинга (скорость ответа сервера);
- оптимизировали порядок запуска некоторых php-скриптов.
Кейс: ускорение сайта на Joomla — formula03.ru
- добавили библиотеку js-lazyload;
- перенесли шрифты «Montserrat», «PT Sans» и «Playfair» в локальную директорию для распределения загрузки;
- реализовали отложенную загрузку для большинства статичных медиафайлов;
- вручную сжали некоторые медиафайлы;
- реализовали отложенную загрузку фото в слайдере на главной странице;
- реализовали отложенную загрузку Яндекс.Карты на странице «Контакты»;
- реализовали отложенную загрузку JivoSite виджета.
Кейс: ускорение сайта на WordPress — profplotter.ru
- добавили актуальную библиотеку js-lazyload;
- перенесли все шрифты локально на хостинг вместо подключения через внешний CDN;
- реализовали отложенную загрузку изображений на главной странице;
- реализовали отложенную загрузку изображений в каталоге;
- сжали некоторые медиафайлы без потери качества (под размеры внутри верстки);
- оптимизировали работу динамического слайдера (карусель);
- реализовали вызов виджета Bitrix24 через отложенную функцию.
Кейс: ускорение сайта на Webasyst — lotoscompany.ru
- добавили библиотеку js-lazyload;
- перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
- реализовали отложенную загрузку для большинства статичных медиафайлов;
- вручную сжали большинство медиафайлов без потери качества;
- реализовали отложенную загрузку Яндекс.Карты в подвале сайта;
- реализовали вызов некоторых виджетов через отложенную функцию.
Кейс: ускорение сайта — 3дклимат.рф
- добавили библиотеку js-lazyload;
- перенесли большинство шрифтов, стилей и скриптов локально на хостинг вместо подключения через внешний CDN;
- реализовали отложенную загрузку для большинства статичных медиафайлов;
- вручную сжали большинство медиафайлов без потери качества;
- реализовали отложенную загрузку Яндекс.Карты в подвале сайта.
Кейс: ускорение сайта на Joomla — bizperevod.com
- добавили библиотеку js-lazyload;
- перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
- реализовали отложенную загрузку для большинства статичных медиафайлов;
- вручную сжали большинство медиафайлов;
- реализовали вызов некоторых виджетов через отложенную функцию.
Кейс: ускорение сайта на Joomla — рус-контейнер.рф
- добавили библиотеку js-lazyload;
- перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
- реализовали отложенную загрузку для большинства статичных медиафайлов;
- доработали шаблон карточки контейнера;
- реализовали отложенную загрузку Яндекс.Карты в подвале сайта;
- реализовали вызов некоторых виджетов через отложенную функцию;
- донастроили структуру движка для улучшения отклика сервера;
- обновили PHP до версии 7.4
