Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)
Adwex.Minified — модуль для быстрой оптимизации загрузки сайта. Модуль оптимизирует стилевые файлы, файлы скриптов и изображения. Также добавлены дополнительные возможности: инлайн стилей (inline), конвертация изображений в формат WebP, прекконект к службам метрики, ленивая загрузка изображений. Пишите предложения по улучшению или замечания по работе, на почту [email protected] |

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

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

Модуль создает файлы с минимизированным кодом внутри. Это уменьшает вес файлов. Т.к. JS код может быть самым разным, для работы можно использовать одну из четырех библиотек:
|

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

Шрифты Если на сайте используется подключаемые шрифты Fonts.Google (решения Аспро, BXReady, INTEC и др.), то с помощью модуля вы сможете оптимизировать их загрузку. В последних версиях Битрикс добавляет загрузку шрифта Open Sans. Если он вам не нужен или он уже подключается из другого места, его можно убрать с помощью соответствующей опции. Оптимизация HTML Модуль также сжимает итоговый код HTML. Это экспериментальная функция, мы рекомендуем использовать ее только на небольших сайтах или сайтах, где контент редко изменяется (новостные, корпоративные, блоги). Для минификации используются библиотеки:
|

Для сжатия изображений используются различные библиотеки: optipng, pngquant, jpegoptim, svgo, ImageMagick. Рекомендуется установить их на вашем хостинге перед оптимизацией изображений. При оптимизации изображений, оригиналы НЕ сохраняются, поэтому, перед
Вы не зависите от работоспособности сторонних сервисов, т.к. все операции JS и CSS файлы оптимизируются только если они подключены через API Битрикса. Для работы модуля нужен PHP версии >5.6. Для быстрой и стабильной работы Также рекомендуем настроить на сервере HTTP/2, это необходимо как для быстрой |
Версия 4.1.0 Улучшена совместимость модуля со стандартными функциями сжатия CSS и JS Битриска Улучшена оптимизация подгрузки шрифтов и отображения текстов во время загрузки страниц |
Версия 4.0.1 1. Добавлена поддержка PHP 8.0, 8.1 Чтобы обновить имеющуюся версию: - для тех сайтов, где используется php ниже 8.0 достаточно просто обновить модуль - если вы уже переключили свой сайт на php 8, необходимо удалить и стереть модуль, затем скачать и установить заново 2. Реализовано автоматическое удаление старых сжатых версий html файлов 3. Добавлена настройка времени жизни сжатых html файлов в кеше |
Версия 3.1.0 Добавлен сервис "Пробная конвертация в WEBP" для проверки конвертации в WEBP любых файлов. Файл выбирается на локальном компьютере, конвертируется средствами сервера и возвращается в виде скачиваемого файла уже в формате WEBP. При обработке загруженного файла используются текущие настройки качества конвертации в WEBP модуля. Оптимизировано применение скрипта Lazy Load на стороне браузера для страниц, на которых нет изображений, требующих Lazy Load. В настройках модуля добавлена опция кэширования на стороне браузера встраиваемых CSS. Добавлена специальная опция отключения обработки модулем страницы "Ошибка 404". |
Версия 3.0.0 Добавлена функция LazyLoad для фоновых изображений, задаваемых в атрибуте style различных тегов. Добавлена опция для настройки предзагрузки шрифтов, которые Google PageSpeed Insights выдает в разделе "Настройте предварительную загрузку ключевых запросов". Добавлена возможность задавать дополнительные регулярные выражения для поиска и конвертации в WebP изображений, которые задаются в коде страницы через нестандартные атрибуты HTML-тегов, внутри инлайн-скриптов или стилей и для различных особенных вариантов верстки страниц. Значительно улучшена совместимость функций LazyLoad и WebP модуля с другими механизмами ленивой загрузки (LazyLoad) изображений, применяемых в различных готовых решениях и индивидуальных проектах. |
Версии 2.9.2: Добавлена поддержка PHP 7.4 Улучшена поддержка WebP при работе модуля с готовым решением "Аспро Максимум" |
Версия 2.8.0 В настройки модуля добавлен список исключения относительных URL сайта, для которых (включая вложенные) модуль не должен применяться. Добавлен список исключения для применения LazyLoad к отдельным страницам и/или разделам сайта Улучшена проверка поддержки WebP на уровне сервера. Улучшен поиск ресурсов .js и .css при использовании сжатия скриптов и стилей. |
Версия 2.7.0 Улучшено качество конвертирования в WebP больших изображений Улучшена поддержка решений Intec |
Версия 2.5.0 Добавлено выключение модуля без удаления. Режим работы только для администраторов. Ускорена работа модуля LazyLoad стал приятным Атрибут data-amwebp-skip - для отмены конвертации в WebP. Атрибут data-amlazy-skip - для отмены добавления ленивой загрузки |
Версия 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 рекомендуем тщательно проверить функциональность сайта. |
Характеристики
? Поддержка композитной технологии кеширования означает высокую скорость работы, а значит ваш сайт будет быстрее чем у конкурентов
Поддержка Композита
|
Нет |
? Поддержка адаптивности означает корректное отображение шаблона на мобильных устройствах, таких как планшет или мобильный телефон.
Адаптивность
|
Нет |
? Данный шаблон подойдет для всех перечисленных редакций Битрикс
Подходящие редакции
|
Первый сайт, Старт, Стандарт, Малый бизнес, Бизнес, Эксперт |
Важно: для работы данного готового решения вам потребуется система управления Битрикс, позволяющая менять его структуру и редактировать текстовую информацию без навыков программирования.
Возможности этой системы разделены на несколько редакций, которые отличаются количеством и гибкостью функционала. Список подходящих редакций указан возле стоимости решения. Здесь же расположена кнопка со ссылкой на демо версию, перейдя по которой вы можете ознакомиться с готовым решением и попробовать его в действии.
Для создания лендинга или корпоративного сайта достаточно редакции Старт или Стандарт.
Для разработки интернет-магазина нужна редакция Малый бизнес или Бизнес.
Мы предлагаем два варианта покупки:
- Вы покупаете только решение (подходит исключительно в том случае, когда у вас уже есть система управления Битрикс в нужной редакции и ваша лицензия не просрочена).
- Вы покупаете все необходимое в одном наборе и получаете установленное и полностью готовое к работе решение на следующий рабочий день после оплаты.
- Выбранное готовое решение;
- Минимально возможная редакция Битрикс;
- Аренда хостинга;
- Бесплатная установка.
Вы можете выбрать такой набор или составить свой, добавив в него новые позиции. Например:
- Другую редакцию Битрикс с большим количеством полезных функций;
- Более мощный хостинг;
- Услуги приоритетной технической поддержки.
Положите товары в корзину, кликните по ней в правом верхнем углу страницы и выберите тип заказа.
Быстрый заказ
Позволяет пропустить стандартную процедуру оформления покупки. Вместо этого вы оставляете свои контактные данные и ожидаете звонка нашего сотрудника. Он уточняет позиции вашего заказа, отвечает на вопросы и отправляет подтверждение на вашу электронную почту.
Обычное оформление
Желательно выбирать именно его. В процессе стандартного оформления заказа, вы будете переадресованы на новую страницу. Здесь вам нужно будет выбрать тип плательщика, вариант оплаты и доставки, а также корректно указать свои контактные данные.
Правильно заполненный e-mail исключает проблему выполнения заказа с нашей стороны.
После оформления заказа вы получите от нас электронное письмо, в котором будет ссылка на оплату.
Дальнейшее информирование о стадиях выполнения заказа мы также будем отправлять вам на почту.
Оплата
Вы можете оплатить заказ по безналичному расчету или наличными при помощи банковских карт Visa, Mastercard или платежной системы LiqPay. Все позиции нашего каталога продаются без НДС, согласно раздела ХХ «Переходные положения» Налогового Кодекса Украины, подраздела 2, п. 26. Комиссия при оплате наличными не применяется.
Доставка
Купленные программные продукты будут отправлены вам по электронной почте в виде цифро-буквенного кода. Данный код является лицензионным ключом и выписывается автором купленного программного продукта.
Он предоставляет вам официальное право на его использование.
Установка
В стоимость программных продуктов входит их бесплатная установка.
Если у вас уже есть сайт на Битрикс и вы хотите установить купленное решение на той же лицензии на отдельном домене, такая установка оплачивается дополнительно.
Безналичный расчет
Данный способ оплаты доступен для физических и юридических лиц. После заполнения и подтверждения заказа вы получите по e-mail счeт-оферту со всеми реквизитами, которую необходимо распечатать и оплатить в любом коммерческом банке в течение 5 банковских дней с момента оформления заказа.
Пожалуйста, обратите внимание, что продажа программных продуктов осуществляется без НДС, согласно раздела
ХХ «Переходные положения» НКУ, подраздела 2, п. 26. После оплаты вы получите по почте счет и акт об оказании услуг. Пожалуйста, подпишите данный акт, поставьте печать и отправьте нам один экзмпляр.
Оплата с помощью платежных карт Visa и Mastercard
Этот способ оплаты доступен для физических лиц (комиссия за перечисление денег не взымается). Для защиты платежей используется технология 3-D Secure, которая лежит в основе программ Verified by Visa и MasterCard SecureCode. Она гарантирует и покупателю, и продавцу полную безопасность операций. Наш банк-эквайер имеет сертификат PCI DSS Compliance, подтверждающий полное соответствие системы обработки платежных карт банка требованиям стандарта безопасности международных платежных систем PCI DSS.
После заполнения и подтверждения заказа вы будете переадресованы на защищенную страницу веб-сайта банка, где и укажете реквизиты карты для оплаты, при этом обмен информацией будет произведён с помощью промышленных форматов шифрования.
Оплата с помощью платeжной системы LiqPay
Данный способ оплаты доступен для физических лиц (комиссия за перечисление денег не взымается). Высокий уровень безопасности обеспечивается технологией OTP (One-time Password). Надёжность и безопасность приёма платежей подтверждена международными сертификатами Verified by Visa и MasterCard SecureCode. «Приватбанк» обеспечивает круглосуточный мониторинг платежей клиентов в режиме реального времени.
После заполнения и подтверждения заказа вы будете переадресованы на защищенную страницу веб-сайта сервиса LiqPay, где и укажете реквизиты карты или своего внутреннего счёта для оплаты.
Доставка
Купленные программные продукты поставляются в виде цифро-буквенного кода, используя который их можно установить на хостинг согласно инструкции. Код отправляется онлайн на указанную в заказе электронную почту.
После получения оплаты и до момента отправки лицензионного ключа может пройти несколько часов.
На протяжении этого времени проводится оформление купленной продукции на ваше имя.
Внимание! Неправильно указанный e-mail может привести к дополнительной задержке.
Пожалуйста, проверяйте ваши персональные данные при регистрации и оформлении заказа.
Для установки вам потребуется:
- Система управления Битрикс (подходящей редакции);
- Домен;
- Хостинг.
При покупке готового набора, установку мы сделаем для вас бесплатно.
Инструкция по установке системы управления Битрикс:
- Зарегистрируйте лицензионный ключ на
сайте Битрикс (придет на ваш e-mail после покупки).
Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XX-XXXXXXXXXXXXXXXX. - Скачайте на компьютер установочный файл.
- Авторизируйтесь на сайте хостинг провайдера (логин и пароль придет на ваш e-mail после покупки).
- Войдите в файловый менеджер и загрузите установочный файл в корневую папку хостинга.
- Создайте новую базу данных.
- Перейдите по адресу тестового домена по ссылке имя-сайта/bitrixsetup.php
- В окне установки выберите редакцию, соответствующую вашему лицензионному ключу.
- В поле «Лицензионный ключ» вставьте код, который пришел вам на e-mail после покупки.
Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XX-XXXXXXXXXXXXXXXX. Нажмите кнопку «Загрузить». - На экране «Начало установки» нажмите кнопку «Далее».
- Поставьте галочку в пункте «Я принимаю лицензионное соглашение» и нажмите кнопку «Далее».
- Поставьте галочку в пункте «Я хочу зарегистрировать свою версию продукта", заполните обязательные поля.
Если планируете делать сайт на иностранном языке, отметьте пункт «Установить в кодировке UTF-8», нажмите кнопку «Далее». - На экране «Предварительная проверка системы» вы увидите показатели вашей системы управления.
Показатели зелёного цвета соответствуют требованиям. Красные - нет.
Для исправления красных значений обратитесь в техподдержку вашего хостинг провайдера. - На экране «Создание базы данных» впишите данные созданной на хостинге базы данных.
- Создайте администратора сайта, заполнив все обязательные поля.
- Выберите шаблон для установки на сайт: либо бесплатный шаблон, либо купленное готовое решение.
Инструкция по установке готового решения:
- Установите на хостинг систему управления «Битрикс».
- Перейдите по ссылке: имя-сайта/bitrix и авторизируйтесь под данными администратора.
- Перейдите в административную панель в раздел Marketplace и подраздел «Обновление решений».
Откройте вкладку «Активация купона». - Введите в поле купон, который пришел вам на e-mail после покупки решения.
Он состоит из 25 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XXXXXXXXXX-XXXXXXXXXX. Нажмите кнопку «Активировать купон». - Название решения появится во вкладке «Список обновлений». Отметьте его галочкой и загрузите.
- Откройте вкладку «Установка обновлений» и установите.
- Найдите появившееся название купленного решения и в выпадающем списке выберите пункт «Загрузить».
- Перейдите в разделе «Настройки» в подраздел «Список мастеров», найдите название купленного решения и в выпадающем списке выберите пункт «Установить».
- Откроется мастер установки готового решения.
- Выберите пункт «Существующий» для установки решения первым сайтом на лицензии, нажмите «Далее».
- На экране «Выбор шаблона» нажмите «Далее».
- Выберите цветовую схему сайта, нажмите «Далее».
- Замените демо данные сайта, нажмите «Установить».
- На экране «Завершение настройки» нажмите «Перейти на сайт».
Задать вопрос
Не нашли ответа на свой вопрос?Свяжитесь с нами, и мы предоставим необходимую информацию. |
Задать вопрос
|