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

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

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

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

Купить: 1 000 руб.

Попробовать (5 дней) Онлайн-демо

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

Описание

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

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

10.01.2019

Обновлено:

27.08.2020

Версия:

2.1.0

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

500 - 999 раз

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

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

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

Да

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

Да

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

Нет

Описание

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

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

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

Страница сайта в среднем  весит 320 килобайт. Вы устанавливаете модуль и после сжатая вес главной  страницы уменьшается до 190 килобайт. Теперь при каждой загрузке  экономится 130 килобайт трафика.

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

Посчитаем экономию: 300 (человек) х 5 переходов х 130 (килобайт) = 195000 килобайт/день * 31 день = 5900 мегабайт

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

	▷	Устанавливается в один клик - после установки можно ничего не настраивать, всё автоматически включится
	▷	Гибкая настройка компрессии
	▷	Модуль безопасен - он не изменяет исходные файлы
	▷	Бережно работает со встроенным JavaScript

▷

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

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

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

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

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

Отзывы (5)

Общая оценка:

Всего отзывов:

5

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

Пронин Алексей 11 Апреля 2020 11:15

Советую

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

Каргин Юрий 5 Марта 2020 11:09

Отличное решение

Отличное решение. Устанавливали на сайт https://www.pelenashka.com.ua/ загрузка страниц стала существенно быстрее загружаться и формироваться вся страница. Установка простая, начинает работать моментально. И не требует дополнительных установок. Не вредит другим модулям. Рекомендую!

Фесенко Антон 12 Декабря 2019 10:42

Работает!

Хороший модуль, установил и забыл. Показатели по скорости улучшаются. Поддержка работает очень оперативно. Рекомендую!

Роман 3 Сентября 2019 14:56

Работает отлично!

Модуль работает.
Брал комплектом вместе с "Inline CSS" и "Ленивая загрузка изображений"
Были вопросы по настройками, оперативно решили в тот же день. Техподдержка на высоте.
Рекомендую!

Лукашкин Павел 20 Февраля 2019 12:19

Полезный модуль и отличная поддержка

Модуль отлично выполняет свою работу — сжимает код страницы без нарушения логики работы сайта (у нас интернет-магазин с большим количеством javascript и, вообще, разветвлённой структурой DOM), что положительно сказывается на скорости загрузки и показателях google pagespeed: после установки они выросли на 17 пунктов для мобильных и на 24 для компьютеров — считаю это прекрасным результатом, особенно с учётом стоимости и минимальных усилий для установки и настройки решения.

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

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

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

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

Артур Голубев 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

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

Виктор Дзюба 25 Марта 2019 16:53

Отлично! Артур, подскажите пожалуйста. Возможно ли реализовать отображение например закешированных стилей не так <li nk href="external.css" rel="stylesheet"> а вот так <st yle>.myStyle{font-size: 14px;}</style>

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

Виктор Дзюба, Да, вы можете вместо элемента <li nk> вставить в код <st yle> с содержимым этого файла. Если у вас проблема именно с кешированием стилей - подключайте их через апи битрикса https://dev.1c-bitrix.ru/api_help/main/reference/cmain/setadditionalcss.php и будут показываться всегда актуальные стили

1 - 5 из 9

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

Что нового

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

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

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


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

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

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

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

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

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

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

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

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

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

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

Индикатор прокрутки сайта 1 000 руб.

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

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

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

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

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

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

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

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

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

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

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

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

Экспорт каталога товаров в Bitrix24 2 000 руб.

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

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

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

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

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

еще 23 решения