Эта заметка не будет касаться напрямую возможностей Битрикс. Я приведу несколько базовых принципов увеличения скорости работы сайта.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"
На этом я закончу свой краткий обзор основных принципов увеличения скорости загрузки страниц.
Как известно, Bitrix Framework состоит из модулей. Собственно, ядро «Битрикс» тоже модуль, так называемый «Главный модуль», дополненный системой установки обновлений SiteUpdate. Стандартных модулей всего 40, в различные редакции они входят в разнообразной комплектации.К примеру, минимальная редакция «Старт» включает 4 модуля: «Главный модуль», «Управление структурой», «Информационные блоки» и «Компрессия». А минимальная редакция для интернет - торговли, называемая «Малый бизнес», состоит всего из 28 модулей, включая Главный. А именно:
1. Главный модуль
2. Торговый каталог
3. Фотогалерея 2.0
4. Управление структурой
5. Интернет-магазин
6. Социальные сервисы
7. Информационные блоки
8. Валюты
9. Опросы
10. Highload-блоки
11. Монитор производительности
12. Форумы
13. SEO-модуль
14. Облачные хранилища
15. Облачные хранилища
16. Блоги
17. Поиск
18. Облачные сервисы
19. Подписка, рассылки
20. Проактивная защита
21. Масштабирование
22. E-mail маркетинг
23. Компрессия
24. Перевод
25. Мобильная платформа
26. Веб-формы
27. Мобильное приложение
28. Технология Push & Pull
Управление модулями осуществляется в административном разделе по адресу Настройки > Настройки продукта > Модули. Имейте в виду, что установка модуля требует ресурсов хостинга, прежде всего дискового пространства. Поэтому после приобретения редакции вам следует внимательно изучить список установленных модулей, уточнить, какие задачи они выполняют, и неиспользуемые модули удалить (деинсталлировать).
Бесплатная установка модуля «Битрикс» из Marketplace Войдя в административную панель, перейдите на закладку Marketplace. Найдите нужный вам модуль поиском по названию. Кликнув по иконке, перейдите на загрузочную страницу модуля. Нажмите кнопку «Загрузить», затем кнопку «Установить». По окончании установки настройте модуль в разделе Модули административной панели. Для этого перейдите по адресу Настройки > Настройки продукта > Модули, выберите название установленного модуля, и перейдите в настройки, кликнув по нему. Бесплатная установка бесплатного модуля «Битрикс» из архива Скачайте архив модуля (только из доверенного источника! Иначе вы своими руками откроете хакерам ворота!). Загрузите архив на хостинг в папку /bitrix/modules/ИМЯ МОДУЛЯ. Затем распакуйте архив на хостинге, и удалите файл архива. Войдите в административную панель и перейдите по адресу Настройки > Настройки продукта > Модули. Найдите ваш новый модуль в списке доступных модулей и запустите установку, нажав кнопку «Установить». После окончания вы увидите модуль в списке установленных модулей и сможете его настроить. Платная установка модуля «Битрикс» из Marketplace В «Битрикс Marketplace» доступны десятки тысяч модулей, за небольшие деньги помогающие ускорить работу сайта, упростить рутинные процедуры по обслуживанию, многократно увеличить скорость работы с торговым каталогом, оказать немалую помощь с поисковой оптимизацией. В каталоге Marketplace 245 готовых интернет – магазинов, 373 готовых сайта, 127 отраслевых решений и 45 решений для SEO.Для установки платного модуля «Битрикс» из Marketplace найдите его карточку в каталоге, нажмите кнопку «Купить» и оплатите модуль. Вскоре вы получите от разработчика письмо купоном активации и инструкциями по установке. После этого войдите в панель управления, перейдите на вкладку Marketplace и в разделе Обновление решений перейдите на вкладку Активация купона. Введите код купона. После этого в списке доступных модулей появится название купленного вами модуля. Нажмите кнопку «Установить» и далее действуйте так же, как при установке бесплатного модуля.
В настоящее время для работы на сайте необходима динамичная система управления. При создании сайта на 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 шаблона сайта в Битрикс:
