Компрессия битрикс. Принципы увеличения скорости загрузки страниц. Бесплатная установка бесплатного модуля «Битрикс» из архива

Эта заметка не будет касаться напрямую возможностей Битрикс. Я приведу несколько базовых принципов увеличения скорости работы сайта.1. Необходимо уменьшить количество HTTP-запросов.

Сайт это не только html-страница, но и картинки, javascript-файлы, файлы стилей. Если мы уменьшим количество этих файлов, то мы увеличим скорость загрузки страницы.

• файлы стилей можно объединить в один файл
• файлы javascript также можно объединить в один файл
• как бы это не звучало странно, но картинки также можно объединить в один файл, называемый css-спрайтом.

По первому пункту все уже сделано в последних версиях движка 1С-Битрикс. Вы можете включить эти галки в настройке главного модуля.

Таким образом во время разработки вы можете иметь столько файлов со стилям, сколько вам нужно, а при сдаче в продакшен — включить галки и все файлы css сольются в один.

По второму пункту, к сожалению, готовых решений я не нашел, хотя по сути решение должно быть точно такое же как и для CSS.

Для реализации третьего пункта необходимо сразу же делать верстку на основе одной картинки. О технологии создания CSS-спрайтов написано немало статей.

2. Все CSS-файлы необходимо размещать в начале страницы

Если вы пользуетесь стандартным подходом Битрикс к интеграции верстки в дизайн, то так у вас и будет.

3. Минимизация кода CSS-файлов и JS-файлов, уменьшение размеров картинок, GZIP-сжатие страницы.

Для минимизации кода CSS-файла нужно всего лишь поставить галку «Создавать сжатую копию объединенного файла CSS», для минимизации кода javascript-файлов есть специальные решения вроде http://yuilibrary.com/download/yuicompressor/ .

Для того, чтобы включить GZIP-сжатие в Битрикс достаточно установить модуль Компрессия из стандартной поставки Битрикс.

4. Используйте Google Libraries для загрузки больших javascript-библиотек

Хотя бы по мере возможности. Jquery точно стоит подключать таким образом.

//

5. Обязательно используйте кеш браузера.

Для этого необходимо поставить mod_expires для apache2 и настроить его таким образом, чтобы статическая информация кешировалась со стороны браузера на очень долгое время. Например, вот так:

// код файла.htaccess

Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years"

На этом я закончу свой краткий обзор основных принципов увеличения скорости загрузки страниц.

В настоящее время для работы на сайте необходима динамичная система управления. При создании сайта на 1С-Битрикс предоставляется возможность с помощью широкого набора инструментов донести свои идеи до посетителя.

Главная особенность этой CMS в её модульности, то есть, имея одну административную базу управления сайтом, все редакции 1С-Bitrix отличаются друг от друга количеством модулей.
К примеру самая простая редакция «Первый сайт», разработанная для маленьких компаний, включает в себя основных 4 модуля:

• Главный модуль.
• Управление структурой.
• Инфоблоки.
• Модуль .

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

Технология "Композитный сайт" Bitrix расширяет функционал автокеширования страницы. Благодаря этой технологии, в кеше страницы появились динамические области, в которых могут отображаться результаты поведения пользователя на сайте: например, товары, добавленные в корзину пользователем или блок просмотренных пользователем товаров.

В динамические области страницы посредством асинхронных ajax-запросов выводятся результаты действия пользователя на странице.

Технология "Композитный сайт" - совокупность работы html-кеширования и ajax-подгрузки информации.

В итоге, очевидные плюсы ускорения работы сайта:
пользователи удовлетворены работой сайта, "отказы" по этой причине исчезают
лучшее ранжирование в поисковой выдаче
уменьшение точечной нагрузки на сервер, сайт сможет работать без ошибок с большим количеством посетителей.

Модуль монитора качества CMS Bitrix выполняет проверку качества сайта, и его основная цель – предоставить заказчику технически доработанный и проверенный экспертом в лице 1С-Битрикс проект.
В CMS Bitrix для сдачи проекта по Монитору качества требуется пройти тесты различного назначения – проверку качества разработки, настроек продукта и соблюдение рекомендаций, специфичных для платформы 1С-Битрикс.

Модуль состоит из совокупности тестов, проходимых в ручном и автоматическом режиме, разделенных на обязательные по прохождению и необязательные. Обязательные тесты проверяют критически важные моменты, поэтому должны быть пройдены.
Тестирование включает в себя 66 тестов из них 26 обязательных, и проверка проводится в таком порядке:

После прохождения всех 26 обязательных тестов, проект сайта можно сдать, после чего отчет по тестированию попадает в архив. Чем больше тестов успешно пройдено из всего количества, тем лучше для заказчика.

Сегодня узнаем как грамотно оформлять header.php в Битрикс , как правильно подключать.css и.js в header.php , как правильно подключать jQuery в Битрикс и как включить сжатие.css и.js файлов в Битрикс .

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

На одном сайте был рекорд, я насчитал 7 подключенных библиотек jQuery, просто человек замучился искать ошибки и деваться уже некуда было, когда проблема была найдена и исправлена, все стало работать на сайте правильно.

Итак, как грамотно должен быть оформлен файл header.php шаблона сайта в Битрикс: