Ця нотатка не стосуватиметься безпосередньо можливостей Бітрікс. Я наведу кілька базових засад збільшення швидкості роботи сайта.1. Необхідно зменшити кількість запитів HTTP.
Сайт це не тільки html-сторінка, а й картинки, javascript-файли, файли стилів. Якщо ми зменшимо кількість цих файлів, ми збільшимо швидкість завантаження сторінки.
За першим пунктом все вже зроблено в останніх версіях двигуна 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
ExpiresByType image/bmp access plus 1 рік 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 і в розділі Оновлення рішень перейдіть на вкладку Активація купона. Введіть код купона. Після цього у списку доступних модулів з'явиться назва купленого модуля. Натисніть кнопку «Встановити» і далі дійте так само, як і під час встановлення безкоштовного модуля.
Сьогодні дізнаємося як грамотно оформлювати header.php в Бітрікс, як правильно підключати.css і.js в header.php, як правильно підключати jQuery в Бітрікс і як включити стиснення.css і.js файлів у Бітрікс.
Це дуже гостра та актуальна проблема на сьогоднішній день. Найчастіші звернення по модулям пов'язані з помилками в скриптах, коли неправильно підключено jQuery в header.php, і дуже часто підключено кілька jQuery, але має бути підключена на всіх сторінках сайту лише одна бібліотека jQuery і найперша серед всіх скриптів шаблону сайту.
На одному сайті був рекорд, я нарахував 7 підключених бібліотек jQuery, просто людина замучилась шукати помилки і подітися вже не було куди, коли проблема була знайдена і виправлена, все стало працювати на сайті правильно.
Отже, як грамотно має бути оформлений файл header.phpшаблону сайту в Бітрікс: