Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

Ускоритель по Google Pagespeed

Заботимся о посетителях сайта, сервере и о трафике. Плейлист, посвящённый модулю: https://www.youtube.com/playlist?list=PLy4Hf2Vh5ftZ3fHwNLKRQypw6frIi1b0fМодуль поможет оптимизировать сайт для быстрой работы в браузере, чтобы:страницы сайта для ваших пользователей открывались быстрее, снизилась нагрузка на браузеры,с сервера запрашивались только те данные, которые фактически понадобились конкретному пользователю,повысились показатели Google Pagespeed.В модуле доступно «одним чекбоксом»:включить ленивую загрузку для изображений;включить ленивую загрузку для фоновых изображений;включить ленивую загрузку для видео-фреймов (youtube, vimeo);ленивая подгрузка javascript-методов;перенос файлов стилей в конец документа и активация плавного появления документа;управление высоко-приоритетными стилями и пуш-технология;переключение кода Я.Метрики на локальное хранение и локальный старт;переключение кода Google Tag Manager на локальное хранение и локальный старт;конвертация шрифтов и их отложенная инициализация.Доступно управление параметрами модуля:на каких поддоменах применять;задать исключение разделов и урлов по маске;указать группы пользователей, для которых активировать механизм.Показатели:За основу анализа показателей ускорения взят механизм Google Pagespeed. Данный сервис даёт описание проблемных моментов, составляет чёткие и понятные рекомендации по улучшению, своей задачей ставит в первую очередь удобство и качество обслуживания посетителей сайта. Модуль не заменяет а служит дополнением к штатному механизму:объединять css- и js-файлы;подключать минифицированные версии css- и js-файлы;переместить весь javascript в конец страницы.... мало того, мы настоятельно рекомендуется использовать их.Тесты Google Pagespeed, которые выходят за рамки возможностей модуля и могут потребовать дополнительной работы:Используйте современные форматы изображений (Serve images in next-gen formats) подразумевает формирование библиотеки дополнительных изображений, в различных форматах. Чтобы браузеры, которые их поддерживают, использовали для демонстрации их (например формат WebP).Настройте эффективную кодировку изображений (Efficiently encode images) говорит о неоптимальном размере опубликованных изображений. Решается компрессией фотографий, но это как правило требует либо подключения внешнего сервиса (наподобие tinypng.com), либо переупаковки фотографий через библиотеки-компрессоры или графические программы.Сократите размер структуры DOM (Avoid an excessive DOM size) говорит о громоздком дереве узлов html-тегов. Требует оптимизации вёрстки шаблонов сайта и компонентов (частично может быть решено программистом, используя встроенный в модуль механизм ленивой загрузки для javascript-функций).Удалите неиспользуемый код CSS (Remove unused CSS) требует ручного сбора статистики неиспользуемого css-кода и его последующей чистки. В модуле есть наработки механизма, который сможет взять на себя задачу очистки кода и замены файлов. Готовится к внедрению.Уменьшите размер кода JavaScript (Minify JavaScript) во многих случаях решается активацией описанных выше опций из настроек главного модуля из секции "Оптимизация CSS", однако попадаются довольно запущенные или громоздкие проекты, где без "ручного" труда не обойтись.Тесты, которые зависят от настроек сервера, например время отклика или параметры кеширования статических файлов.Если вам нужна помощь, пишите на speeder@burlaka.studio.

Ускоритель по Google Pagespeed

Ускоритель по Google Pagespeed

Купить: 5 199 руб.
Попробовать (14 дней)
Скриншоты
Описание

Технические данные

Опубликовано:
14.11.2019
Обновлено:
28.07.2020
Версия:
1.0.10
Установлено:
100 - 499 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес»
Адаптивность:
Да
Поддержка Композита:
Да
Совместимо с Сайты24
Нет

Описание

Заботимся о посетителях сайта, сервере и о трафике.

Плейлист, посвящённый модулю: https://www.youtube.com/playlist?list=PLy4Hf2Vh5ftZ3fHwNLKRQypw6frIi1b0f

Модуль поможет оптимизировать сайт для быстрой работы в браузере, чтобы:

  • страницы сайта для ваших пользователей открывались быстрее,

  • снизилась нагрузка на браузеры,

  • с сервера запрашивались только те данные, которые фактически понадобились конкретному пользователю,

  • повысились показатели Google Pagespeed.

В модуле доступно «одним чекбоксом»:
  • включить ленивую загрузку для изображений;

  • включить ленивую загрузку для фоновых изображений;

  • включить ленивую загрузку для видео-фреймов (youtube, vimeo);

  • ленивая подгрузка javascript-методов;

  • перенос файлов стилей в конец документа и активация плавного появления документа;

  • управление высоко-приоритетными стилями и пуш-технология;

  • переключение кода Я.Метрики на локальное хранение и локальный старт;

  • переключение кода Google Tag Manager на локальное хранение и локальный старт;

  • конвертация шрифтов и их отложенная инициализация.
Доступно управление параметрами модуля:
  • на каких поддоменах применять;

  • задать исключение разделов и урлов по маске;

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

Показатели:

За основу анализа показателей ускорения взят механизм Google Pagespeed. Данный сервис даёт описание проблемных моментов, составляет чёткие и понятные рекомендации по улучшению, своей задачей ставит в первую очередь удобство и качество обслуживания посетителей сайта.

Модуль не заменяет а служит дополнением к штатному механизму:

  • объединять css- и js-файлы;

  • подключать минифицированные версии css- и js-файлы;

  • переместить весь javascript в конец страницы.

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

Тесты Google Pagespeed, которые выходят за рамки возможностей модуля и могут потребовать дополнительной работы:
  • Используйте современные форматы изображений (Serve images in next-gen formats) подразумевает формирование библиотеки дополнительных изображений, в различных форматах. Чтобы браузеры, которые их поддерживают, использовали для демонстрации их (например формат WebP).

  • Настройте эффективную кодировку изображений (Efficiently encode images) говорит о неоптимальном размере опубликованных изображений. Решается компрессией фотографий, но это как правило требует либо подключения внешнего сервиса (наподобие tinypng.com), либо переупаковки фотографий через библиотеки-компрессоры или графические программы.

  • Сократите размер структуры DOM (Avoid an excessive DOM size) говорит о громоздком дереве узлов html-тегов. Требует оптимизации вёрстки шаблонов сайта и компонентов (частично может быть решено программистом, используя встроенный в модуль механизм ленивой загрузки для javascript-функций).

  • Удалите неиспользуемый код CSS (Remove unused CSS) требует ручного сбора статистики неиспользуемого css-кода и его последующей чистки. В модуле есть наработки механизма, который сможет взять на себя задачу очистки кода и замены файлов. Готовится к внедрению.

  • Уменьшите размер кода JavaScript (Minify JavaScript) во многих случаях решается активацией описанных выше опций из настроек главного модуля из секции "Оптимизация CSS", однако попадаются довольно запущенные или громоздкие проекты, где без "ручного" труда не обойтись.

  • Тесты, которые зависят от настроек сервера, например время отклика или параметры кеширования статических файлов.

Если вам нужна помощь, пишите на speeder@burlaka.studio.

Отзывы (3)
Обсуждения (27)
1 - 5 из 27
Что нового
1.0.10 (28.07.2020) • исправлена ошибка расширения типа поля в таблице базе даных, когда таблица ещё не создана; • улучшен механизм определения агентов браузеров.
1.0.9 (24.07.2020) • улучшен парсер изображений при подготовке к ленивой подгрузке: адаптирован для работы с большими кусками кода (падал с ошибкой) и ускорена работа поиска; • data-src добавлен в автоматический атрибут игнорирования парсером подготовки к ленивой подгрузке, поскольку в случаях, когда используются другие решения или в проект уже интегрирован механизм ленивой подгрузки, чаще всего используется именно этот атрибут; • улучшен парсер шрифтов. Была возможна ситуация, когда css-код шрифтов неверно распаковывался на составляющие и соответственно собирался в fonts.css с ошибкой; • колонка для хранения BASE64 кода обработанных шрифтов переведена на LONGTEXT (не помещались шрифты типа FontAwesome); • улучшена работа в связке с модулем компрессии, композитным кешем, оптимизирована работа в условиях множественного вызова OnEndBufferContent.
1.0.8 (03.07.2020) • улучшена обработка пропорций фото в механизме ленивой подгрузки. Если у тега img указаны атрибуты width и height, изображение-заглушка будет сформировано в соответствии с пропорциями, без использования внешнего файла. Настоятельно рекомендуется использовать именно такой подход. Видео: https://youtu.be/z8GTGPNkFdM • улучшен механизм анализа тега img (учитывается ситуация, при который тег может быть разделён переносами строк на несколько частей) и распознавания skip-атрибутов (атрибутов, которые маркируют изображение как такое, для которого не следует применять ленивую подгрузку); • в настройках модуля доработаны свойства "Урлы, которые только разрешены" и "Урлы, на которых не запускать механизм". Теперь появилась возможность более точно попасть в урл через возможности регулярных выражений. Так, например, при значении «/$» будет составлено регулярное выражение «^/$» и мы поймаем урл главной страницы (до текущего момента правило «/» захватывало все возможные урлы); • оптимизирован механизм, отвечающий за затухание спиннера и засветление страницы. Более точно ловится момент, когда все шрифты подъехали на страницу. Позволяет уменьшить вероятность появления вёрстки до того, как стили обработаны браузером (эффект «битой» вёрстки); • для работы под композитным режимом реализовано подключение шрифтов с временной меткой на хвосте.
1.0.7 (07.04.2020) • убран forEach из кода, чтобы старые версии браузеров не падали с ошибкой; • добавлена корректная обработка кириллических доменов при проверке списка доменов, для которых механизм должен быть активным.
1.0.6 (04.04.2020) • улучшена обработка шрифтов типа Icons или fontAwesome; • в обработке шрифтов и информации о доступных шрифтах (Настройка модуля / Шрифты) добавлена информация о начертании (normal, italic, bold, ...); • учтено и исправлено некорректное поведение при ситуациях, когда в теле документа встречаются вкрапления тегов html, body, которые генерятся javascript-функциями (типа document.write); • улучшена обработка ленивой подгрузкой фоновых изображений с кириллицей или пробелами в названии и тех случаев, когда ссылка на фоновое изображение указана в url() без кавычек; • добавлен чекбокс, которым можно активировать/отключать механизм высоко-приоритетных стилей и пуш-технологии (Настройки модуля / Файлы стилей, чекбокс "Активировать механизм высоко-приоритетных стилей и пуш-технологию").
1.0.5 (27.01.2020) Перенос стилей в конец документа: • введено понятие высоко-приоритетных стилей. Такие стили публикуются выше остальных, после открывающегося тега body; • применяются механизмы предзагрузки: push-технология и rel="preload", в зависимости от того, производится композитный хит или нет; • добавлена возможность отключать спиннер загрузки; • добавлена возможность отключать засветление страницы. Добавлен параметр, которым можно указать маски путей, на которых разрешено применение механима. Если параметр заполнен, механизм будет запускаться исключительно на урлах, соответствующих маскам.
1.0.4 (20.01.2020) • улучшена поддержка динамических зон композитного режима.
1.0.3 (19.01.2020) • исправление значения по-умолчанию дата-атрибута, используемого в работе при ленивой подгрузке изображений.
1.0.2 (19.01.2020) • улучшена поддержка композитного режима.
1.0.1 (18.01.2020) • в настройки модуля, закладка "Ленивая загрузка" добавлен параметр, которым можно переопределить data-атрибут, с которым работает ленивая подгрузка изображений (по-умолчанию: data-src).
1.0.0 (17.01.2020) • Добавлена поддержка композитного режима.
0.0.9 (13.01.2020) • исправление ошибки в парсере html, при которой в некоторых ситуациях задваивалось тело документа.
0.0.8 (02.01.2020) • добавлен механизм анализа и подключения шрифтов.
0.0.7 (14.12.2019) • в настройки модуля добавлен параметр, позволяющий сместить за нижнюю границу экрана "красную линию", на которой срабатывает ленивая загрузка. По-умолчанию смещение установлено в 100 пикселей; • улучшен механизм ленивой подгрузки: чтобы однопиксельное (1*1 пиксель, а значит квадратные пропорции) изображение не рвало вёрстку, если у обрабатываемого тега img задана и width и height, в стили изображения пробрасываются и ширина и высота (таким образом однопиксельный gif принимает форму заменяемого изображения). Но в некоторых ситуациях из-за этого перестают выполняться стили ширины и высоты, заданные в css-файлах, поскольку не могут пересилить соответствующие параметры, установленные элементу. Теперь при выполнении ленивой подгрузки принудительные стили чистятся; • в настройки модуля добавлены чекбоксы, которыми можно активировать/отключить постоянное отслеживание появление маркированных для ленивой загрузки элементов (изображений, фонов, фреймов). Механизм нужен тогда, когда например через аякс к нам может доставляться html-код, перепарсенный нашим механизмом и заряженный на работу в паре с нашей ленивой загрузкой; • учтено, что img может быть не только в script-тегах, но и в picture, pre, code; • улучшения в обработке и доставке на страницу кода Я.Метрики; • добавлена настройка модуля, позволяющая управлять цветом спинера (который появляется при активированном механизме переноса стилей в конец документа).
0.0.6 (13.12.2019) • улучшен механизм отслеживания заряженных в ленивую подгрузку изображений и фонов; • убрана зависимость от настроек Аспро-решений по Яндекс.Метрике и Google Tag Manager-у: если активирован соответствующий механизм в модуле, другие подключения отслеживаются и удаляются; • улучшена работа с автокомпозитом; • исправлена некорректная работа с html-комментариями при включенном переносе стилей в конец документа; • учтён тот момент, что style-вкрапления могут встречаться внутри svg-тегов; • чтение групп пользователей обёрнуто в кеширование.
0.0.5 (05.12.2019) • добавлена поддержка скрипта Google Tag Manager: в настройки модуля добавлена вкладка "Google Tag Manager" (чекбокс активности, задержка в секундах, поле для ввода кода). • при активации механизма: - создаётся агент, который отвечает за регулярную (раз в сутки) проверку и актуализацию локальной копии gtm.js-файла; - в публичной части отслеживается подключение скрипта и фрейма Google Tag Manager, найденные подключения удаляются; - gtm-скрипт подключается из локальной копии, согласно задержке, установленной в настройках модуля (от нуля до десяти секунд).
0.0.4 (02.12.2019) • в механизме сбора по документу инлайн-вкраплений style учитывается директива [if lte IE 7], зашитая в html-коммендарий (без этого стиль административной панели с display:none выбирается наружу и панель на странице скрыта); • в механизм обработки и локального хранения счётчика Яндекс.Метрики (настройки модуля, вкладка Я.Метрика) добавлен параметр, который позволяет указать задержку в секундах перед инициализацией tag.js скрипта метрики.
0.0.3 (30.11.2019) • добавлено условие, по которому механизм не будет срабатывать: если хит, который мы отрабатываем, выполняется через post-запрос; • механизм переноса стилей в конец документа переносит теперь и инлайн-вкраления , они размещаются после -ссылок; • при сохранении скрипта Яндекс.Метрики в локальный репозиторий добавлена проверка на существование папки самого репозитория; • в сборке модуля восстановлен /metrika/cpu.js, который отвечает за запуск скрипта Яндекс.Метрики из локального репозитория.
0.0.2 (22.11.2019) • в параметры модуля во вкладку "Ленивая загрузка" добавлена опция "Дата-атрибуты у тегов img, наличие которых даёт сигнал механизму, чтобы механизм лейзи-подгрузки их не трогал (каждый дата-атрибут указываем с новой строки)"; • добавлен список встроенных в механизм дата-атрибутов, которые не дают переупаковывать изображение под ленивую загрузку: data-skip-parse, data-skip-lazy, data-no-lazy, data-lazy-original, data-lazy-src, data-lazysrc, data-lazyload; • исправлена ошибка инициализации ba.js через javascript; • добавлено встроенное условие, по которому механизм не будет срабатывать: если хит, который мы отрабатываем, производится через аякс.
Установка
Устанавливаем модуль, переходим в его параметры и включаем те инструменты, которые хотим применить.
Поддержка
По вопросам техподдержки обращайтесь по электронному адресу info@burlaka.studio

Лицензионное соглашение

Другие решения разработчика

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки