Оптимизация и сжатие HTML + CSS для уменьшения веса страниц сайта

Модуль "Оптимизация и сжатие HTML + CSS" для 1с-Битрикс оптимизирует html-страницы и подключаемые css-файлы сайта "на лету".Решение оптимизирует html-страницу получаемую пользователем. Оптимизация происходит за счёт удаления технической и служебной информации, а так же очистки незначимых данных. Встроенный в страницу в инлайн виде css и js так же оптимизируются.Дополнительно решение умеет сжимать и объединять подключаемые таблицы стилей (css).В решении используются стабильные алгоритмы сжатия, позволяющие оптимизировать вес страниц сайта, не влияя на внешний вид и работоспособность. Процесс сжатия полностью безопасен и обратим простым выключением решения.Важно понимать, что целью работы модуля является уменьшение веса станиц и экономия трафика пользователей, а не прирост баллов Google PageSpeed.Простой пример работы модуля:HTML страница сайта  весит 320 килобайт, а все ccs скрипты суммарно весят 360 килобайт. Вы устанавливаете решение и результате его работы вес html  страницы уменьшается до 190 килобайт, а css до 325 килобайт. Теперь при каждой загрузке  экономится 130 + 35 килобайт трафика. Предположим, что к Вам на сайт заходит 300 посетителей ежедневно, каждый из которых делает по 5 переходов на сайте.Посчитаем экономию: 300 (человек) х 5 переходов х 165 (килобайт) = 247500 килобайт/день * 30 дней = 7251 мегабайтЗа  месяц пользователи загрузили на 7251 мегабайт меньше ненужной   информации в виде пустых строк, переносов, внутренних комментариев   разработчиков и каждое открытие страницы происходило быстрее!   ▷  Простая установка за 5 минут   ▷  Гибкая настройка компрессии   ▷  Модуль безопасен - он не изменяет исходные файлы   ▷  Бережно работает со встроенным JavaScript   ▷  Уникальные алгоритмы сжатия - решение использует свои алгоритмы сжатия, а не стандартные библиотеки компрессии   ✔  Корректно работает на пк, смартфоне и планшете   ✔  Поддерживает механизм многосайтовости   ✔  Одинаково хорошо работает с кодировками UTF-8 и Windows-1251   ✔  Использует стабильные события и работает на большинстве версий 1с-Битрикс   ✔  Поддерживает композитный и автокомпозитный режимДля дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:- Модуль "Inline CSS, Preloading, Preconnect", решающий проблему блокировки страницы стилями - смотреть карточку решения- Модуль "Отложенная загрузка картинок, видео и фоновых изображений", решающий проблему блокировки страницы стилями - смотреть карточку решения

Оптимизация и сжатие HTML + CSS для уменьшения веса страниц сайта

от Голубев Артур

В связи с техническими работами в 1С-Битрикс.Маркет, оплата временно недоступна. Прямо сейчас вы можете приобрести решение, обратившись непосредственно к разработчику

Купить у разработчика Онлайн-демо

• Описание
• Отзывы (5)
• Обсуждения (10)
• Что нового
• Установка
• Поддержка

Описание

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

Опубликовано:

10.01.2019

Обновлено:

24.11.2020

Версия:

2.2.0

Установлено:

500 - 999 раз

Подходящие редакции:

«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес», «Интернет-магазин + CRM»

Адаптивность:

Да

Поддержка Композита:

Да

Совместимо с Сайты24

Нет

Описание

Модуль "Оптимизация и сжатие HTML + CSS" для 1с-Битрикс оптимизирует html-страницы и подключаемые css-файлы сайта "на лету".

Решение оптимизирует html-страницу получаемую пользователем. Оптимизация происходит за счёт удаления технической и служебной информации, а так же очистки незначимых данных. Встроенный в страницу в инлайн виде css и js так же оптимизируются. Дополнительно решение умеет сжимать и объединять подключаемые таблицы стилей (css). В решении используются стабильные алгоритмы сжатия, позволяющие оптимизировать вес страниц сайта, не влияя на внешний вид и работоспособность. Процесс сжатия полностью безопасен и обратим простым выключением решения. Важно понимать, что целью работы модуля является уменьшение веса станиц и экономия трафика пользователей, а не прирост баллов Google PageSpeed.

Простой пример работы модуля:

HTML страница сайта  весит 320 килобайт, а все ccs скрипты суммарно весят 360 килобайт. Вы устанавливаете решение и результате его работы вес html  страницы уменьшается до 190 килобайт, а css до 325 килобайт. Теперь при каждой загрузке  экономится 130 + 35 килобайт трафика.

Предположим, что к Вам на сайт заходит 300 посетителей ежедневно, каждый из которых делает по 5 переходов на сайте.

Посчитаем экономию: 300 (человек) х 5 переходов х 165 (килобайт) = 247500 килобайт/день * 30 дней = 7251 мегабайт

За  месяц пользователи загрузили на 7251 мегабайт меньше ненужной   информации в виде пустых строк, переносов, внутренних комментариев   разработчиков и каждое открытие страницы происходило быстрее!

	▷	Простая установка за 5 минут
	▷	Гибкая настройка компрессии
	▷	Модуль безопасен - он не изменяет исходные файлы
	▷	Бережно работает со встроенным JavaScript

▷

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

	✔	Корректно работает на пк, смартфоне и планшете
	✔	Поддерживает механизм многосайтовости
	✔	Одинаково хорошо работает с кодировками UTF-8 и Windows-1251
	✔	Использует стабильные события и работает на большинстве версий 1с-Битрикс
	✔	Поддерживает композитный и автокомпозитный режим

Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:

- Модуль "Inline CSS, Preloading, Preconnect", решающий проблему блокировки страницы стилями - смотреть карточку решения

- Модуль "Отложенная загрузка картинок, видео и фоновых изображений", решающий проблему блокировки страницы стилями - смотреть карточку решения

Отзывы (5)

Обсуждения (10)

Обсуждения (10 )

Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.

Артур Голубев 12 Января 2021 22:17

Приветствую пользователи!
С 1 января Маркетплейс 1с-Битрикс находится в процессе доработки и должен полностью заработать до конца января.

Важное:
- Демо-режим: каки и возможностью покупки отключен. Как только демо-режим будет доступен в карточке решения снова появится кнопка "Попробовать"
- Цены: актуальные цены на решения можно посмотреть в списке моих решений http://marketplace.1c-bitrix.ru/partners/detail.php?ID=580734.php
- Покупка: можно купить решения напрямую у разработчика. Подробная информация тут: https://arturgolubev.ru/bitrix-licenses/buy/

Артур Голубев 27 Августа 2020 09:57

Приветствую пользователи!

Вышло обновление 2.1.0: В решение добавлено сжатие css файлов и объединение css-файлов в один (пока в бета режиме)

Виктор Дмитриев 12 Декабря 2019 18:18

Установил модуль, код сжался, на скорость в проверке гуглом к сожалению никак не повлияло(
Так же установлен Inline CSS

Артур Голубев (разработчик) 13 Декабря 2019 15:25

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

p.s. так же дополнительно отмечу, что данный модуль редко даёт прирост по баллам PageSpeed, только на страницах с большим весом. На увеличение баллов нацелены мои модули InlineCss и LazyLoad (при наличии проблем которые они решают)

Артур Голубев 28 Июля 2019 12:52

Модуль не стоит на месте и постоянно развивается! Последнее обновление увеличило скорость работы алгоритмов модуля на 25%
Не забывайте устанавливать обновления : )

Виктор Дзюба 25 Марта 2019 17:39

Артур, имелось ввиду немного другое.. В виде пожелания доработки модуля. Чтобы модуль умел например из link сделать style таким образом можно уйти от ошибки pagespeed "Удалить блокирующие стили из верхней части сайта" За основу можно взять https://github.com/denx-b/bitrix-css-to-head/blob/master/test.php

Артур Голубев (разработчик) 25 Марта 2019 17:48

Виктор Дзюба, Понял. Да, идея хорошая, обдумаю, спасибо!

1 - 5 из 10

Назад12Вперед

Что нового

2.2.0 (24.11.2020)	Общая оптимизация механизмов решения, улучшенная производительность
2.1.0 (27.08.2020)	Добавлено сжатие и объединение CSS файлов Улучшены алгоритмы сжатия html
2.0.1 (13.03.2020)	Повышение производительности
1.3.6 (29.02.2020)	Небольшие улучшения
1.3.5 (24.12.2019)	Небольшие улучшения
1.3.4 (15.11.2019)	Техническое обновление
1.3.3 (01.09.2019)	Небольшие исправления
1.3.2 (19.08.2019)	Устранена проблема с капчей
1.3.1 (30.07.2019)	Небольшие технические правки
1.3.0 (18.07.2019)	Оптимизация алгоритмов, повышение эффективности и производительности модуля
1.2.5 (09.04.2019)	Добавлена возможность указывать страницы исключения
1.2.3 (25.03.2019)	Улучшение работы с многосайтовостью: добавлены опции отключения на отдельных сайтах
1.2.2 (22.02.2019)	Небольшие исправления
1.2.1 (16.02.2019)	Оптимизация алгоритмов сжатия
1.1.5 (14.02.2019)	Оптимизации для более старых версий битрикс
1.1.2 (29.01.2019)	Оптимизация алгоритма, исправление ошибок

Установка

Для удобства работы с сайтом и безопасности у администраторов и контент-менеджеров сжатие отключено

Если у вас используется композитный сайт, при настройке установите опцию "Не удалять HTML комментарии"

1. Установите модуль с Marketplace
   
2. Перейдите в настройки решения (Нажмите  "Настройки" в верхней части экрана админ-панели, в списке модулей выберите "Оптимизация и сжатие HTML + CSS")
   
3. Внесите необходимые настройки. Сохраните
   
4. Сбросьте весь кеш сайта
   
5. Готово! Модуль установлен и настроен
   

Полезная информация и популярные вопросы:

• Как проверить работу модуля?
  

Технические требования:

• 1с-Битрикс версии 14.5 или выше
  
• PHP версии 5.6 или выше
  

Поддержка

▷

Проблемы с установкой демо-режима (попробовать)

▷

Продление демо-периода решения

▷

Решение покупается единожды?

▷

Как оплатить решение по счёту?

▷

Не пришел ключ после оплаты

▷

Как активировать ключ после покупки + Видео

▷

После активации ключа остался статус "Демо-режим"

▷

Сообщение о подозрительных файлах от reg.ru

▷

Гаджет Marketplace Watcher

Для получения технической поддержки пишите на почту: me@arturgolubev.ru При обращении в техническую поддержку укажите: 1. Подробное описание проблемы Постарайтесь  максимально подробно описать проблему и укажите какие действия нужно  произвести для её обнаружения. Скриншоты приветствуются. 2. Решение с которым связана проблема 3. Адрес сайта 4. Доступы к административный панели (Логин и Пароль) 5. FTP или SFTP доступ (Хост, Логин, Пароль и Порт, если он не стандартный)

Подробнее о технической поддержке решений и регламент работы - https://arturgolubev.ru/knowledge/course1/


Я отвечаю на все вопросы поступающие на email поддержки, если ответа не поступает более суток, проверьте папку спам.

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

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

Умный поиск с исправлением ошибок в запросе и подсказками 4 900 руб. 20

Электронная коммерция для Яндекс.Метрики, Google Analytics и Facebook (Ecommerce) 4 900 руб. 6

Динамический ремаркетинг Google Adwords, Facebook, ВКонтакте, MyTarget (Динамический ретаргетинг) 9 400 руб. 3

Сообщение об успешной регистрации с логином и паролем 1 000 руб. 4

Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed 1 900 руб. 9

Мессенджеры и социальные сети для быстрой связи с клиентом 1 000 руб. 3

Отложенная загрузка YouTube-видео (с подгрузкой по клику) 1 000 руб.

Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading) 2 500 руб. 2

Индикатор прокрутки страницы (прогресс-бар скроллинга сайта) 1 000 руб.

Печать бланка заказа и сохранение в PDF (для публичной части сайта) 1 600 руб.

Защита контента сайта от копирования 2.0 1 000 руб. 4

Маска ввода номера телефона с выбором страны 1 900 руб. 1

Маска ввода номера телефона в 1 клик 1 000 руб. 5

Сообщение для посетителей в 1 клик 1 000 руб. 1

Мессенджеры и социальные сети (встраиваемый блок) 1 000 руб.

Ускорение обмена с 1с и МойСклад (оптимизация времени и ресурсов выгрузки) 1 900 руб. 1

Блокировка смены символьного кода и названия 1 000 руб. 1

Экспорт каталога товаров в Google Merchant и Facebook (автоматическая выгрузка) 1 000 руб. 14

Уведомление об использовании cookie-файлов (куки) в 1 клик 1 000 руб. 2

Инструменты для перехода на безопасное подключение (https, ssl) 1 200 руб.

Отложенная загрузка изображений для ускорения загрузки сайта и Google PageSpeed 2 900 руб. 6

Статистика отправки Email Бесплатно 2

Кнопки поделиться в социальный сетях Бесплатно 9

Новогодние украшения для сайта в 1 клик Бесплатно 7

Калькулятор ипотеки от DomClick для сайта Бесплатно

Mobile Detect - определение устройства из PHP Бесплатно 1

еще 22 решения