Оптимизация скорости загрузки

• добавили актуальную библиотеку js-lazyload;
• реализовали механику отложенной загрузки для большинства статичных медиафайлов;
• доработали функцию для инициализации слайдера в блоке «Наши клиенты»;
• реализовали отложенную загрузку Яндекс.Карты на главной странице и на странице «Контакты»;
• реализовали отложенную загрузку JivoSite виджета;
• вырезали неиспользуемый HTML и JavaScript код.

Путем оптимизации фронтенда мы смогли добиться моментальной загрузки сайта.

• добавили актуальную библиотеку js-lazyload;
• реализовали отложенную загрузку для большинства статичных медиафайлов;
• вручную сжали некоторые медиафайлы;
• реализовали отложенную загрузку превьюшек в шаблоне видео с YouTube’а;
• реализовали отложенную загрузку логотипов брендов на главной странице;
• добавили анимацию загрузки изображений в шаблоне «Примеры работ»;
• реализовали отложенную загрузку Яндекс.Карт на главной странице и на странице «Контакты»;
• реализовали отложенную загрузку JivoSite виджета;
• добавили проверку на инициализацию Google reCAPTCHA v2 для снятия нагрузки с устройства пользователя;
• обновили PHP до версии 7.4

Таким образом, мы значительно уменьшили первоначальный вес страницы и сняли нагрузку с устройства пользователя. Сайт стал работать ощутимо быстрее и легче.

• добавили библиотеку js-lazyload;
• перенесли шрифты «Roboto» и «Exo 2» локально на хостинг вместо подключения через Google Fonts API сервис;
• реализовали механику отложенной загрузки для большинства статичных медиафайлов;
• реализовали отложенную загрузку в списке товаров и вывел анимацию загрузки;
• реализовали отложенную загрузку Яндекс.Карты на главной странице и на странице «Контакты»;
• вырезали неиспользуемый HTML и JavaScript код;
• обновили PHP до версии 7.4

Мы обновили движок и оптимизировали скорость загрузки всех статических и динамических страниц.

• добавили библиотеку js-lazyload;
• перенесли шрифт «Open Sans» локально на хостинг вместо подключения через Google Fonts API сервис;
• реализовали механику отложенной загрузки для большинства статичных медиафайлов;
• вручную сжали некоторые медиафайлы;
• оптимизировали работу некоторых слайдеров в модулях;
• реализовали отложенную загрузку Яндекс.Карты на главной странице;
• реализовали вызов некоторых виджетов через отложенную функцию;
• перенесли некоторые скрипты и библиотеки локально на хостинг вместо подключения через внешний CDN;
• перенесли некоторые стили и шрифты локально на хостинг вместо подключения через внешний CDN;
• переделали механику просмотра видео с YouTube (для отложенной загрузки YouTube Player скриптов);
• оптимизировали работу некоторых плагинов.

Частично пересобрав шаблон внутри движка, мы добились заметного ускорения проекта.

• перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
• реализовали отложенную инициализацию скрипта Google Tag Manager и всех сопутствующих скриптов и библиотек;
• добавили js-lazyload механику к некоторым медиафайлам;
• вручную сжали некоторые медиафайлы.

Мы исправили некоторые ошибки и перенесли элементы фронтенда локально на виртуальный сервер.

• добавили библиотеку js-lazyload;
• перенесли некоторые шрифты и скрипты локально на хостинг вместо подключения через внешний CDN;
• реализовали механику отложенной загрузки для изображений в баннере на главной и для других медиафайлов;
• отложили вызов некоторых виджетов через функцию-таймаут;
• оптимизировали работу некоторых плагинов.

Заметно ускорили проект благодаря механике отложенной загрузки.

• установили библиотеку для реализации отложенной загрузки js-lazyload;
• добавили анимацию загрузки для некоторых элементов;
• вручную сжали некоторые (новые) медиафайлы;
• добавили интервальную функцию перезапуска js-lazyload скрипта для гарантии отображения отложенных медиафайлов;
• по новому отцентровали svg-анимацию прелоадеров;
• прошлись по всем страницам и добавили механику отложенной загрузки к большинству медиафайлов;
• прошлись по всем блокам и добавили механику отложенной загрузки к большинству медиафайлов;
• обновили шаблон списка статей, добавив отложенную загрузку вместе с анимацией (на странице «Статьи»);
• добавили отложенную загрузку для изображений в слайдере «SEO-кейсы» на странице «Примеры SEO продвижения»;
• добавили анимацию загрузки для Яндекс.Карт на странице «Контакты»;
• добавили в конфиг слайдеров механику отложенной загрузки (для медиафайлов).

Наш сайт всегда работал очень быстро :)

• перенесли шрифты («Montserrat» и «PT Serif») локально на хостинг с сайтом вместо подключения через внешний CDN сервер;
• реализовали механику отложенной загрузки (js-lazyload) для некоторых статичных медиафайлов;
• доработали баннер на главной странице;
• доработали слайдер с сертификатами в подвале;
• реализовали отложенную загрузку у изображений в шаблоне кейсов (портфолио);
• оптимизировали верстку у некоторых компонентов;
• реализовали отложенную загрузку Яндекс.Карты на странице «Контакты»;
• отложили вызов некоторых виджетов через функцию-таймаут;
• минорно доработали функции для инициализации slick-slider’а.

Переделав некоторые элементы и исправив серьезные ошибки, мы смогли добиться значительного роста скорости загрузки.

• реализовали механику отложенной загрузки (js-lazyload) для некоторых медиафайлов;
• перенесли некоторые скрипты локально (вместо внешнего CDN);
• реализовали отложенную загрузку Яндекс.Карты в подвале сайта;
• сделали запуск некоторых виджетов через отложенную ассинхронную функцию;
• обработали все медиафайлы в подключаемых компонентах;
• вырезали строки запроса из внешних ресурсов для оптимизиции пинга (скорость ответа сервера);
• оптимизировали порядок запуска некоторых php-скриптов.

Мы подкорректировали способ отображение большинства элементов для оптимизации скорости загрузки.

• перенесли некоторые скрипты и стили локально (вместо внешнего CDN);
• реализовали механику отложенной загрузки (js-lazyload) для большинства статичных медиафайлов;
• обработали все медиафайлы в подключаемых компонентах;
• сжали некоторые медиафайлы вручную;
• сделали запуск некоторых виджетов через ассинхронную функцию;
• реализовали отложенную загрузку Яндекс.Карты в подвале;
• поправили ссылки на некоторые медиафайлы во избежание 404 ошибки;
• реализовали отложенную загрузку для баннера на главной странице;
• вырезали строки запроса из внешних ресурсов для оптимизиции пинга (скорость ответа сервера);
• оптимизировали порядок запуска некоторых php-скриптов.

Внесли ряд технических доработок в шаблон.

• добавили библиотеку js-lazyload;
• перенесли шрифты «Montserrat», «PT Sans» и «Playfair» в локальную директорию для распределения загрузки;
• реализовали отложенную загрузку для большинства статичных медиафайлов;
• вручную сжали некоторые медиафайлы;
• реализовали отложенную загрузку фото в слайдере на главной странице;
• реализовали отложенную загрузку Яндекс.Карты на странице «Контакты»;
• реализовали отложенную загрузку JivoSite виджета.

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

• добавили актуальную библиотеку js-lazyload;
• перенесли все шрифты локально на хостинг вместо подключения через внешний CDN;
• реализовали отложенную загрузку изображений на главной странице;
• реализовали отложенную загрузку изображений в каталоге;
• сжали некоторые медиафайлы без потери качества (под размеры внутри верстки);
• оптимизировали работу динамического слайдера (карусель);
• реализовали вызов виджета Bitrix24 через отложенную функцию.

Оптимизировали товарный шаблон и методы вывода динамических элементов.

• добавили библиотеку js-lazyload;
• перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
• реализовали отложенную загрузку для большинства статичных медиафайлов;
• вручную сжали большинство медиафайлов без потери качества;
• реализовали отложенную загрузку Яндекс.Карты в подвале сайта;
• реализовали вызов некоторых виджетов через отложенную функцию.

Таким образом, мы значительно облегчили сайт и оптимизировали скорость загрузки страниц.

• добавили библиотеку js-lazyload;
• перенесли большинство шрифтов, стилей и скриптов локально на хостинг вместо подключения через внешний CDN;
• реализовали отложенную загрузку для большинства статичных медиафайлов;
• вручную сжали большинство медиафайлов без потери качества;
• реализовали отложенную загрузку Яндекс.Карты в подвале сайта.

Доработали большинство элементов внутри верстки.

• добавили библиотеку js-lazyload;
• перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
• реализовали отложенную загрузку для большинства статичных медиафайлов;
• вручную сжали большинство медиафайлов;
• реализовали вызов некоторых виджетов через отложенную функцию.

Исправили технические ошибки в шаблоне и реализовали механику отложенной загрузки.

• добавили библиотеку js-lazyload;
• перенесли некоторые шрифты, стили и скрипты локально на хостинг вместо подключения через внешний CDN;
• реализовали отложенную загрузку для большинства статичных медиафайлов;
• доработали шаблон карточки контейнера;
• реализовали отложенную загрузку Яндекс.Карты в подвале сайта;
• реализовали вызов некоторых виджетов через отложенную функцию;
• донастроили структуру движка для улучшения отклика сервера;
• обновили PHP до версии 7.4

Переделали механику вывода товаров на главной странице и заметно сняли нагрузку с устройства пользователя.