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

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

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

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

Adwex.Minified — модуль для быстрой оптимизации загрузки сайта. Модуль оптимизирует стилевые файлы, файлы скриптов и изображения. Также добавлены дополнительныевозможности: инлайн стилей (inline), конвертация изображений в формат WebP, прекконектк службам метрики, ленивая загрузка изображений.Пишите предложения по улучшению или замечания по работе, на почту support@adwex.ruМинимизацияМодуль создает файлы с минимизированным кодом внутри. В коде убираются пробелы, переносы строк и комментарии, сокращаются цветовые обозначения. Это уменьшает вес файлов, а следовательно и время загрузки.Встраивание (inline)Благодаря встраиванию CSS уменьшается количество запросов к серверу, пользователь получает CSS код сразу вместе со страницей. Иногда, если CSS файлы большие, это приводит к уменьшению оценки в Google PageSpeed, для того, чтобы этого не происходило,включите опцию «Встраивать только небольшие файлы» - в этом случае количество запросов к серверу сокращается, а размер HTML кода увеличивается,но не критично.В последних обновлениях, добавлено оптимизированное  встраивание стилей. Стили встраиваются в страницу только в первый заход пользователя, тогда же они кэшируются браузером в фоновом режиме. В следующий заход пользователь получитстили из кэша, а HTML код будет без доп. вставок кода, что значительно сократитего размер.Модуль создает файлы с минимизированным кодом внутри. Это уменьшает вес файлов. Т.к. JS код может быть самым разным, для работы можно использовать одну из четырех библиотек:PatchworkPHPWeeJSMinMatthiasMullieИзображенияВ первую очередь на скорость загрузки сайта влияют изображения. Модуль оптимизирует как уже загруженные файлы, так и только загружаемые в автоматическом режиме. Для минимизации используется различные библиотеки, результат их работы сравнивается и остаётся файл с наименьшим весом.В версии 2.0.5 добавлена конвертация изображений в формат WebP. WebP изображения создаются из уже оптимизированых, хранятся отдельно от оригиналов, и показываютсятолько в современных браузерах.Обратите внимание, что конвертация работает не на всех хостингах. После установкив настройках модуля, можно проверить хостинг на поддержку формата.Сравните качество изображений до оптимизации, после, и в формате WebPДо оптимизации      После      WebP1.png (2,02 Мбайт)1_compresed.png (0,72 Мбайт)1_webp.webp (0,15 Мбайт)2.png (3,39 Мбайт)2_compresed.png (0,71 Мбайт)2_webp.webp (0,39 Мбайт)ШрифтыЕсли на сайте используется подключаемые шрифты Fonts.Google (решения Аспро, BXReady, INTEC и др.), то с помощью модуля вы сможете оптимизировать их загрузку.В последних версиях Битрикс добавляет загрузку шрифта Open Sans. Если он вам не нужен или он уже подключается из другого места, его можно убрать с помощью соответствующей опции.Оптимизация HTMLМодуль также сжимает итоговый код HTML. Это экспериментальная функция, мы рекомендуем использовать ее только на небольших сайтах или сайтах, где контент редко изменяется (новостные, корпоративные, блоги). Для минификации используются библиотеки:PatchworkPHPWeeTinyHtmlShaunДля сжатия изображений используются различные библиотеки: optipng, pngquant, jpegoptim, svgo, ImageMagick. Рекомендуется установить их на вашем хостинге перед оптимизацией изображений.При оптимизации изображений, оригиналы НЕ сохраняются, поэтому, перед оптимизацией изображений рекомендуем сделать бэкап файлов.Используем такой вариант оптимизации изображений по следующим причинам:изображения можно оптимизировать заранее, чтобы пользователю не нужно было ждать, когда произойдет оптимизация «на лету»;экономится место на хостинге;при сохранении оригиналов, нужно следить за удалением файлов. Пример: на страницу добавили новый файл, а старый удалили. Для нового файла создастся оптимизированная копия, но копия для старого файла, также останется, ведь её не удалили. Со временем, это может сказаться на занимаемом месте;Вы не зависите от работоспособности сторонних сервисов, т.к. все операции происходят на вашем сервере.JS и CSS файлы оптимизируются только если они подключены через API Битрикса.Для работы модуля нужен PHP версии >5.6. Для быстрой и стабильной работы сайта, рекомендуется PHP версии >7.1Также рекомендуем настроить на сервере HTTP/2, это необходимо как для быстрой загрузки, так и для безопасности вашего сайта.Версия 2.0.5Ковертация изображений в WebP. Оптимизация работыВерсия 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 и картинок (изображений)

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

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

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

Описание


Adwex.Minified — модуль для быстрой оптимизации загрузки сайта. Модуль оптимизирует
стилевые файлы, файлы скриптов и изображения. Также добавлены дополнительные
возможности: инлайн стилей (inline), конвертация изображений в формат WebP, прекконект
к службам метрики, ленивая загрузка изображений.

Пишите предложения по улучшению или замечания по работе, на почту support@adwex.ru


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



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

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

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

В версии 2.0.5 добавлена конвертация изображений в формат WebP. WebP изображения
создаются из уже оптимизированых, хранятся отдельно от оригиналов, и показываются
только в современных браузерах.
Обратите внимание, что конвертация работает не на всех хостингах. После установки
в настройках модуля, можно проверить хостинг на поддержку формата.


Сравните качество изображений до оптимизации, после, и в формате WebP
До оптимизации      После      WebP
1.png (2,02 Мбайт)1_compresed.png (0,72 Мбайт)1_webp.webp (0,15 Мбайт)
2.png (3,39 Мбайт)2_compresed.png (0,71 Мбайт)2_webp.webp (0,39 Мбайт)


Шрифты
Если на сайте используется подключаемые шрифты Fonts.Google (решения Аспро,
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, это необходимо как для быстрой
загрузки, так и для безопасности вашего сайта.



Версия 2.0.5
Ковертация изображений в WebP. Оптимизация работы
Версия 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 рекомендуем тщательно проверить функциональность сайта.
Отзывы (2)

Обсуждения (25)
1 - 5 из 25
Что нового
2.5.4 (02.09.2019)
  • Изменение Lazyload
  • Разделение опции «Сжимать изображения элементов инфоблоков» на две: «Сжимать изображения элементов инфоблоков при создании» и «Сжимать изображения элементов инфоблоков при обновлении»
2.5.0 (22.08.2019)
  • Добавлено выключение модуля без удаления. Режим работы только для администраторов. Спасибо за идею Петру Колотову
  • Ускорена работа модуля
  • LazyLoad стал приятным
  • Атрибут data-amwebp-skip - для отмены конвертации в WebP. Спасибо за идею Владимиру Горячеву
  • Атрибут data-amlazy-skip - для отмены добавления ленивой загрузки
2.2.5 (25.07.2019)
  • Обновление LazyLoad
  • Оптимизации
2.2.0 (24.07.2019)
  • Базовый LazyLoad
2.0.95 (23.07.2019)
  • Поддержка JS шаблонов
2.0.8 (22.07.2019)
  • Подробное описание к настройкам модуля
2.0.5 (22.07.2019)
  • Ковертация изображений в WebP
  • Опциональная конвертация PNG
  • Преконнект к JivoSite
  • Imagik стал лучше
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

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

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

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

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