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

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

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

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

Заботимся о посетителях сайта, сервере и о трафике. Модуль поможет оптимизировать сайт для быстрой работы в браузере, чтобы:страницы сайта для ваших пользователей открывались быстрее, снизилась нагрузка на браузеры,с сервера запрашивались только те данные, которые фактически понадобились конкретному пользователю,повысились показатели Google Pagespeed.В модуле доступно «одним чекбоксом»:включить ленивую загрузку для изображений;включить ленивую загрузку для фоновых изображений;включить ленивую загрузку для видео-фреймов (youtube, vimeo);перенос файлов стилей в конец документа и активация плавного появления документа;переключение кода Я.Метрики на локальное хранение и локальный старт;переключение кода 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
Обновлено:
27.01.2020
Версия:
1.0.5
Установлено:
100 - 499 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес»
Адаптивность:
Да
Поддержка Композита:
Да
Совместимо с Сайты24
Нет

Описание

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

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

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

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

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

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

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

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

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

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

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

  • переключение кода 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.

Отзывы (0)
Обсуждения (13)
1 - 5 из 13
Что нового
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

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

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

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

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