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

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

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

Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)

МинимизацияМодуль создает файлы с минимизированным кодом внутри. В коде убираются пробелы, переносы строк и комментарии, сокращаются цветовые обозначения. Это уменьшает вес файлов, а следовательно и время загрузки.Встраивание (inline)Благодаря встраиванию CSS уменьшается количество запросов к серверу, пользователь получает код сразу. Но если CSS файлы большие, это иногда уменьшает оценку в Google PageSpeed, для того, чтобы этого не происходило, включите дополнительную опцию «Встраивать только небольшие файлы» -- в этом случае количество запросов к серверу сокращается, а размер HTML кода увеличивается, но не критично. Стили встраиваются в страницу только в первый заход пользователя, тогда же оникэшируются в браузере в фоновом режиме. В следующий заход пользователь получитстили из кэша и HTML код без доп. вставок.Модуль создает файлы с минимизированным кодом внутри. Это уменьшает вес файлов. Т.к. JS код может быть самым разным, для работы можно использовать одну из четырех библиотек:PatchworkPHPWeeJSMinMatthiasMullieИзображенияВ первую очередь на скорость загрузки сайта влияют изображения. Модуль оптимизирует как уже загруженные файлы, так и только загружаемые в автоматическом режиме. Для минимизации используется различные библиотеки, результат их работы сравнивается и остаётся файл с наименьшим весом.Вы можете самостоятельно сравнить качество изображений до оптимизации и послеДо оптимизации      После1_original.jpg1.jpg2_original.jpg2.jpg3_original.jpg3.jpgШрифтыЕсли у вас на сайте используется подключаемые шрифты Google Fonts (решения Аспро, BXReady, INTEC и др.), то с помощью модуля вы сможете оптимизировать их загрузку.В последних версиях Битрикс добавляет загрузку шрифта Open Sans. Если он вам не нужен или он уже подключается из другого места, его можно убрать с помощью соответствующей опции.Оптимизация HTMLМодуль также сжимает итоговый код HTML. Это экспериментальная функция, мы рекомендуем использовать ее только на небольших сайтах или сайтах, где контент редко изменяется (новостные, корпоративные, блоги). Для минификации используются библиотеки:PatchworkPHPWeeTinyHtmlShaunДля сжатия изображений используются различные библиотеки: optipng, pngquant, jpegoptim, svgo, ImageMagick. Рекомендуется установить их на вашем хостинге перед оптимизацией изображений.При оптимизации изображений, оригиналы НЕ сохраняются, поэтому, перед оптимизацией изображений рекомендуем сделать бэкап файлов.Используем такой вариант оптимизации изображений по следующим причинам:изображения можно оптимизировать заранее, чтобы пользователю не нужно было ждать, когда произойдет оптимизация «на лету»;экономится место на хостинге;при сохранении оригиналов, нужно следить за удалением файлов. Пример: на страницу добавили новый файл, а старый удалили. Для нового файла создастся оптимизированная копия, но копия для старого файла, также останется, ведь её не удалили. Со временем, это может сказаться на занимаемом месте;Вы не зависите от работоспособности сторонних сервисов, т.к. все операции происходят на вашем сервере.JS и CSS файлы оптимизируются только если они подключены через API Битрикса.Для работы модуля нужен PHP версии >5.6. Для быстрой и стабильной работы сайта, рекомендуется PHP версии >7.1Также рекомендуем настроить на сервере HTTP/2, это необходимо как для быстрой загрузки, так и для безопасности вашего сайта.Версия 1.4.2Добавлен оптимизированный инлайн стилейВерсия 1.4.0Оптимизация загрузки шрифтов с Fonts.GoogleВерсия 1.2.4Поддержка модуля imageMagickВерсия 1.2.2Отлов ошибки с битыми файламиНовая опция для тех кто использует встраивание CSS в HTMLВерсия 1.1.11Сжатие HTML работает только если шаблон начинается с <!DOCTYPE. Убедитесь что ваш шаблон начинается с <!DOCTYPE, чтобы сжатие продолжило работу.Версия 1.1.8Добавлена функция встраивания CSS в код HTMLДобавлена новая библиотека для сжатия HTMLВерсия 1.1.0 Была добавлена экспериментальная функция сжатия итогового html. После включения сжатия html рекомендуем тщательно проверить функциональность сайта.

Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)

Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)

Купить: 1 900 руб.
Попробовать (3 дня)
Скриншоты
Описание

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

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

Описание

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



Встраивание (inline)
Благодаря встраиванию CSS уменьшается количество запросов к серверу, пользователь
получает код сразу. Но если CSS файлы большие, это иногда уменьшает оценку
в Google PageSpeed, для того, чтобы этого не происходило, включите дополнительную
опцию «Встраивать только небольшие файлы» -- в этом случае количество
запросов к серверу сокращается, а размер HTML кода увеличивается, но не критично.
Стили встраиваются в страницу только в первый заход пользователя, тогда же они
кэшируются в браузере в фоновом режиме. В следующий заход пользователь получит
стили из кэша и HTML код без доп. вставок.

Модуль создает файлы с минимизированным кодом внутри. Это уменьшает вес файлов.
Т.к. JS код может быть самым разным, для работы можно
использовать одну из четырех библиотек:
  • Patchwork
  • PHPWee
  • JSMin
  • MatthiasMullie
Изображения
В первую очередь на скорость загрузки сайта влияют изображения. Модуль оптимизирует
как уже загруженные файлы, так и только загружаемые в автоматическом режиме. Для
минимизации используется различные библиотеки, результат их работы сравнивается
и остаётся файл с наименьшим весом.


Вы можете самостоятельно сравнить качество изображений до оптимизации и после
До оптимизации      После
1_original.jpg1.jpg
2_original.jpg2.jpg
3_original.jpg3.jpg


Шрифты
Если у вас на сайте используется подключаемые шрифты Google Fonts (решения Аспро,
BXReady, INTEC и др.), то с помощью модуля вы сможете оптимизировать их загрузку.

В последних версиях Битрикс добавляет загрузку шрифта Open Sans. Если он вам не
нужен или он уже подключается из другого места, его можно убрать с помощью
соответствующей опции.

Оптимизация HTML
Модуль также сжимает итоговый код HTML. Это экспериментальная функция, мы рекомендуем
использовать ее только на небольших сайтах или сайтах, где контент редко изменяется
(новостные, корпоративные, блоги). Для минификации используются библиотеки:
  • Patchwork
  • PHPWee
  • TinyHtml
  • Shaun

Для сжатия изображений используются различные библиотеки: optipng, pngquant,
jpegoptim, svgo, ImageMagick. Рекомендуется установить их на вашем хостинге перед
оптимизацией изображений.

При оптимизации изображений, оригиналы НЕ сохраняются, поэтому, перед
оптимизацией изображений рекомендуем сделать бэкап файлов.
Используем такой вариант оптимизации изображений по следующим причинам:

  • изображения можно оптимизировать заранее, чтобы пользователю не нужно
    было ждать, когда произойдет оптимизация «на лету»;
  • экономится место на хостинге;
  • при сохранении оригиналов, нужно следить за удалением файлов. Пример:
    на страницу добавили новый файл, а старый удалили. Для нового файла создастся
    оптимизированная копия, но копия для старого файла, также останется, ведь
    её не удалили. Со временем, это может сказаться на занимаемом месте;

Вы не зависите от работоспособности сторонних сервисов, т.к. все операции
происходят на вашем сервере.

JS и CSS файлы оптимизируются только если они подключены через API Битрикса.

Для работы модуля нужен PHP версии >5.6. Для быстрой и стабильной работы
сайта, рекомендуется PHP версии >7.1

Также рекомендуем настроить на сервере HTTP/2, это необходимо как для быстрой
загрузки, так и для безопасности вашего сайта.



Версия 1.4.2
Добавлен оптимизированный инлайн стилей
Версия 1.4.0
Оптимизация загрузки шрифтов с Fonts.Google
Версия 1.2.4
Поддержка модуля imageMagick
Версия 1.2.2
Отлов ошибки с битыми файлами
Новая опция для тех кто использует встраивание CSS в HTML
Версия 1.1.11
Сжатие HTML работает только если шаблон начинается с <!DOCTYPE. Убедитесь что ваш шаблон начинается с <!DOCTYPE, чтобы сжатие продолжило работу.
Версия 1.1.8
Добавлена функция встраивания CSS в код HTML
Добавлена новая библиотека для сжатия HTML
Версия 1.1.0
Была добавлена экспериментальная функция сжатия итогового html. После включения сжатия html рекомендуем тщательно проверить функциональность сайта.
Отзывы (1)

Обсуждения (17)
1 - 5 из 17
Что нового
1.4.5 (20.06.2019)
  • Преконнекты к сервисам аналитики
  • Улучшение оптимизации изображений
1.4.2 (18.06.2019)
  • «Умный» инлайн-стилей. Стили инлайнятся только в первый заход пользователя, файлы стилей кэшируются и в следующий раз отдаются из кэша, оставляя код страницы чистым без лишнего кода
1.4.1 (21.05.2019)
  • Опция для удаления подключаемого битриксом шрифта OpenSans
1.4.0 (21.05.2019)
  • Оптимизация подключения Fonts.Google
  • Убран конфликт с Сайты24
1.3.0 (27.03.2019)
  • Опция для встраивания только небольших (меньше 28 KB) CSS файлов
1.2.7 (19.02.2019)
  • Исправлена ошибка кэша при сжатии HTML
1.2.4 (04.01.2019) Поддержка модуля imageMagick
1.2.3 (29.12.2018)
  • Исправление ошибок
1.2.2 (29.12.2018)
  • Отлов ошибки с битыми файлами
  • Новая опция для тех кто использует встраивание CSS в HTML
1.1.13 (27.08.2018)
  • Исправлена ошибка при работе с кэшом
1.1.12 (27.07.2018)
  • Поддержка демо-режима
1.1.11 (15.06.2018)
  • Улучшение сжатия HTML
    • пропуск JSON ответов сервера
    • пропуск ответов без <!DOCTYPE (часть страницы, файлы и т.п.). Убедитесь что ваш шаблон начинается с <!DOCTYPE, чтобы сжатие продолжило работу.
1.1.10 (13.06.2018)
  • Улучшение сжатия HTML
1.1.8 (07.06.2018)
  • Добавлена функция встраивания CSS в код HTML
  • Добавлена новая библиотека для сжатия HTML
  • Улучшена производительность
1.1.0 (30.05.2018)
  • Добавлена функция сжатия HTML (экспериментально)
  • Добавлена дополнительные библиотеки для сжатия CSS, JS, HTML; и возможность переключения между ними.
  • Добавлена поддержка программ optipng, jpegoptim, pngquant (в CentOS: yum -y install optipng, yum -y install jpegoptim, yum -y install pngquant)
Установка
Для работы модуля требуется версия PHP 5.6 и выше.
1. Установить модуль в административной панели.
2. Перейти в настройки и изменить, если требуется:
•  установить качество изображений
•  выбрать "галочками" сжимать ли изображения элементов, секций инфоблоков или сторонних модулей
•  для каждого сайта отметить, требуется ли сжимать его стили, скрипты и html

Поддержка
Техническая поддержка решения осуществляется по эл.почте support@adwex.ru.
Обычно, мы отвечаем в течение рабочего дня.

При обращении, пожалуйста, указывайте следующую информацию:
  • Адрес сайта
  • Доступы в административную часть
  • Конкретное описание проблемы, действия, которые приводят к некорректной работе, скриншот ошибки.
График работы тех. поддержки: пн-пт с 10:00 до 19:00

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

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

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

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