Время является одним из самых дорогих ресурсов нашей современной жизни, хоть и проводим его мы, в основном, в сети...
Для успешного и конкурентного бизнеса в интернете очень важно иметь производительный сайт. Битрикс из коробки оснащен инструментами проверки и оптимизации сайта.
Начало работ по оптимизации сайта на Битрикс начинается с оценки производительности. Для этого во вкладке Настройки - Производительность - Панель производительности необходимо произвести тестирование. Показатель 70-100, говорит о хорошей конфигурации. Битрикс также укажет на пункты нуждающиеся в оптимизации.
Перейдем от слов к делу.
Объединение и минификация скриптов и стилей
Большинство файлов стилей и скриптов не используются на начальном этапе загрузки страницы, поэтому их стоит перенести в самый конец. При этом минификация и объединение сократит их вес и снизит количество запросов.
В настройках главного модуля необходимо выставить галочки, как показано на скриншоте ниже:
Очень важно учесть момент подключения файлов скриптов и стилей, они должны быть подключены следующим образом:
Это важно, так как в случае статического подключения, оптимизировать файлы не удастся.
Оптимизация изображений
Основным "тяжелым" ресурсом на веб-странице являются изображения, а чем они "тяжелее", тем позже мы получим готовую страницу.
Для Битрикса существует отличное бесплатное решение для оптимизации изображений без потери качества. Работает буквально в один клик.
Ленивая загрузка
Что пользователю важнее увидеть в первую очередь: красивые картинки или основной контент сайта? Картинки, безусловно, важны, но лучше первым делом показать структуру и контент. В этом нам поможет LazyLoad. Существует большое количество разных плагинов. В своей практике обычно пользуюсь JQuery Lazy. Для его работы также необходимо использовать библиотеку JQuery.
Подключение плагина в шаблоне сайта
Инициализация плагина для выбранного класса изображений
Изображениям необходимо добавить выбранный класс .lazy-img, а также заменить атрибут src на data-src
Для решения проблемы с изображениями являющимися background-ом, вместо css свойства background: url(/images/cloud.jpg) следует добавить класс .lazy-img и атрибут data-src для блока
Время жизни кэша
Очень важно понимать частоту обновления информации на странице. Если информация обновляется раз в сутки, то ошибочно оставлять время жизни кэша по-умолчанию (3600 с), необходимо выставить значение (86400 с), иначе каждый час посетитель будет заново загружать контент с сервера. Всегда нужно учитывать это, чтобы использование данного механизма улучшило показатели.
CDN
Битрикс использует технологию CDN (Content Delivery Network), которая позволяет загружать картинки, стили, скрипты с сервера, который находится ближе всего к пользователю, тем самым увеличивается скорость загрузки всей страницы. Для включения данной опции необходимо перейти в Настройки - Облако 1С-Битрикс - Ускорение сайта (CDN). После включения желательно производить замер скорости загрузки для исключения противоположного эффекта.
Фасетные индексы
Данный механизм позволяет сэкономить время на выдаче результата запроса. Например, вы решили найти на сайте информацию о BMW M5. Без использования фасетного индекса поиск осуществлялся бы сначала по маркам автомобилей, а затем по модельному ряду. Однако данная технология заранее предопределяет возможные варианты и сразу выдает искомый результат.
Для создания фасетного индекса необходимо, чтобы свойства товара присутствовали в умном фильтре. После чего во вкладке Контент - Инфоблоки - Фасетные индексы следует запустить процесс создания индексов.
Эти простые шаги помогут добавить вашему сайту больше адреналина, а вам сэкономить немало нервов.
Понравилась статья?
Не забудь поставить лайк и подписаться на канал!