Документация Сотбит: Ускорение сайта. Оптимизация страниц
Оптимизация страниц
Раздел настроек Оптимизация страницы модуля Сотбит: Ускорение сайта позволяет настроить оптимизацию HTML, CSS и JS кода, а так же настроить отложенную загрузку изображений (Lazy load).
Упрощение и сокращение кода позволяют уменьшить время загрузки страницы, что критически важно для удержания пользователей и повышения их удовлетворенности. Кроме того, оптимизированный код улучшает индексируемость страниц поисковыми системами. Чистая и лаконичная разметка помогает ботам легче находить и анализировать контент, что способствует лучшим позициям в результатах поиска.
Отложенная загрузка изображений, или lazy loading, является важной техникой оптимизации сайтов, которая существенно улучшает пользовательский опыт и повышает производительность страницы. Основная идея заключается в том, что изображения загружаются только тогда, когда они попадают в область видимости пользователя, а не загружаются все одновременно при загрузке страницы.
Это позволяет значительно уменьшить время загрузки страницы и избежать лишних запросов к серверу, что в свою очередь экономит ресурсы и уменьшает нагрузку на хостинг.
Вкладка Оптимизация страницы располагается в административной части сайта по следующему пути: Администрирование > Сотбит > Сотбит: Ускорение сайта > Настройки > [id сайта].
Для настройки доступны следующие параметры.
Параметры
Поле
|
Описание
| ||||||||||||||||||||||||||||||||||||||||
Включить оптимизацию
|
Опция включает/отключает действия для оптимизации загрузки страниц сайта.
| ||||||||||||||||||||||||||||||||||||||||
Оптимизация HTML
| |||||||||||||||||||||||||||||||||||||||||
Удалять комментарии
|
При активной опции из HTML кода страницы будут удалены комментарии.
| ||||||||||||||||||||||||||||||||||||||||
Удалять пробелы и переносы строк
|
При активной опции из HTML кода страницы будут удалены пробелы и переносы строк.
| ||||||||||||||||||||||||||||||||||||||||
Оптимизировать CSS на странице
|
При активной опции будут минифицированы стили, расположенные на странице в тегах style.
| ||||||||||||||||||||||||||||||||||||||||
Оптимизировать JS на странице
|
При активной опции будут минифицированы скрипты, расположенные на странице в тегах script.
| ||||||||||||||||||||||||||||||||||||||||
Оптимизация CSS
| |||||||||||||||||||||||||||||||||||||||||
Встраивать стили шаблона сайта в HTML
|
Опция позволяет перенести подключаемые файлы стилей шаблона сайта в конец блока head страницы.
| ||||||||||||||||||||||||||||||||||||||||
Встраивать стили страницы в HTML
|
Опция позволяет перенести подключаемые файлы стилей в конец блока head страницы. К данным файлам относятся те, которые были использованы в рабочей области сайта.
| ||||||||||||||||||||||||||||||||||||||||
Оптимизировать шрифты
|
При активной опции в подключениях @font-face на странице будет задан дескриптор font-display: swap.
| ||||||||||||||||||||||||||||||||||||||||
Оптимизация JavaScript
| |||||||||||||||||||||||||||||||||||||||||
Отложенная загрузка скриптов
|
Файл для указания JavaScript кода, который необходимо вставить после загрузки страницы.
Может использоваться для размещения кода метрик.
| ||||||||||||||||||||||||||||||||||||||||
Отложенная загрузка (Lazy load)
| |||||||||||||||||||||||||||||||||||||||||
Метод отложенной загрузки
|
Параметр позволяет задать алгоритм работы отложенной загрузки. Доступны методы:
| ||||||||||||||||||||||||||||||||||||||||
Включить отложенную загрузку картинок
|
При активной опции для изображений будет использоваться отложенная загрузка.
| ||||||||||||||||||||||||||||||||||||||||
Включить отложенную загрузку фоновых картинок
|
При активной опции для фоновых изображений будет использоваться отложенная загрузка.
| ||||||||||||||||||||||||||||||||||||||||
Включить отложенную загрузку iframe
|
При активной опции для iframe будет использоваться отложенная загрузка.
|

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