Система 1С-Битрикс считается одной из популярнейших не только на российском рынке, но и среди зарубежных разработчиков. Она отличается удобством ведения сайтов и гибкостью настроек.
На системе 1С-Битрикс работают различные по сложности сайты: новостные ресурсы, визитки, социальные сети, интернет-магазины и тому подобные. Однако со временем страницы сайтов загружаются всё медленнее.
Проблема в оптимизации изображений Битрикс, которая не производится средствами самой CMS, решается сторонними средствами. Для того чтобы картинки меньше занимали место и загружались быстрее, необходимо использовать плагин для оптимизации изображений в Битрикс. Этим плагином является решение OptiPic.
Оптимизация изображений сайта на Битрикс через OptiPic позволяет ускорить загрузку сайта в 2–3 раза. Практика уже показала, что ресурсы действительно загружаются быстрее, что отмечают и сами пользователи. Особенно это критично для интернет-магазинов и каталогов, ведь покупатели могут не дождаться загрузки страницы и уйти на ресурс конкурентов.
Сжатие изображений в БитриксOptiPic - плагин для сжатия изображений Битрикс построен на алгоритме, который выявляет технические данные в файле изображения и удаляет их. Эти данные не влияют на качество и вид картинки, но тем не менее влияют на её размер. В некоторых случаях технические данные занимают до 90% размера файла.
Поэтому для сжатия картинок в Битрикс применяется OptiPic. Средний показатель уменьшения размера картинок составляет 70%. К тому же достаточно один раз настроить плагин и в дальнейшем он будет работать как с картинками, которые уже загружены на сервер, так и с изображениями, добавляемыми на сайт.
Сжатие изображений сайта на Битрикс проходит в фоновом режиме и не требует больших вычислительных мощностей. Для посетителей ресурса не будет ничего происходить, кроме ускорения загрузки страниц. Администраторы же смогут увидеть, как со временем работы плагина освобождается место на жёстком диске сервера за счёт снижения размера картинок.
Оптимизация картинок в Битрикс больше не потребует ручного вмешательства администратора. Настройте OptiPic и все необходимые операции будут проводиться автоматически.
Что такое сжатие изображенийОптимизация картинок является специальной обработкой графического файла с целью минимизировать его размер без потери визуального качества.
Чтобы провести данную процедуру, есть большое количество достаточно сложных алгоритмов. Однако, все они базируются на одной основе - из графического файла нужно удалить все находящиеся там служебные данные (например название программы, которая хранит данный файл и др), а также, при помощи специальных программ соединить/сгладить похожие цвета.
В результате мы получаем то же изображение, которое визуально никак не изменилось. Однако, объем (вес) этого файла в байтах будет гораздо меньше, чем оригинал. Если провести данную обработку правильно, файл с изображением можно уменьшить до 98%, не теряя при этом качества изображения.
Это значит, что картинки на страницах сайта будут загружаться в разы быстрее после проведения их оптимизации.
Что даст оптимизации изображений для вашего сайта- Экономия места на диске.
- Ускорение загрузки страниц.
- Увеличение конверсии.
- Более качественное ранжирование сайта при поисковой выдаче.
Доказано, что ускорение сайта способно улучшить поведенческие факторы, а также поднять конверсию сайта (увеличить продажи). Чем дольше будет загружаться страница сайта, тем меньше покупателей сможет совершить там определенные целевые действия. Если Ваш сайт в Интернете будет работать не достаточно быстро, у Вас есть все шансы упустить свой потенциальный доход. Ускорение работы интернет-ресурса даст возможность улучшить конверсию и благодаря этому значительно увеличить выручку и привлечь больше клиентов.
Преимущества сервиса OptiPic- Отсутствуют ежемесячные платежи.
- Полная автоматизация.
- Предоставление бесплатной помощи при подключении.
- Интернет-адрес (URL) сжатых картинок не изменяется, они и дальше будут храниться у Вас на сайте.
- Для подключения и использования сервиса не нужно иметь специальных навыков в программировании или администрировании.
- В системе отсутствуют ограничения на размер изображений.
- Техподдержка на русском языке.
Страница любого сайта чаще всего состоит из:
- изображений;
- html-кода (текстовое содержание, верстка, разметка);
- видео;
- javascript-скриптов с логикой, выполняющихся со стороны браузера;
- файлов-css со стилями страницы.
Такой пункт как изображения, занимает на страницах сайта большую часть всего объема и является самой «тяжелой» частью страниц. Уменьшение (оптимизация) изображений бесспорно позволит существенно сделать более быстрой загрузку любого интернет-ресурса.
Соответственно, если изменить (в меньшую сторону) объем изображений, все страницы сайта начнут грузиться значительно быстрее.
Сжатие картинок на сайте даст возможность уменьшить их объем до 75-98%, не теряя при этом свое визуальное качество.
Как подключить OptiPic к 1С-Битрикс для сжатия изображений? Зарегистрируйтесь и добавьте свой сайт в личный кабинетПосле прохождения регистрации вам на email придет письмо со ссылкой для активации вашего аккаунта. Перейдите по той ссылке. Далее на нашем сайте зайдите в личный кабинет Профиль > Мои сайты, нажмите кнопку Добавить сайт, укажите URL вашего сайта и нажмите кнопку Подключить сайт.
После добавления сайта в систему перейдите на закладку Скачать модуль.
Там вам необходимо скачать архив с модулем. Распакуйте этот архив и закачайте на свой сайт (в корневую папку сайта). В итоге у вас на сайте должна появиться папка сайт в корне сайта с такой структурой:
- сайт
- config.php
- help.php
- index.php
А на сайте после этого должны быть доступной такая страница http://your-domain..php .
Выберите тариф и пополните счетПосле того как вы закачаете модуль на свой сайт, вам нужно будет активировать индексацию сайта в настройках сайта и дождаться первой индексации сайта системой OptiPic - она проходит в течении 24 часов. Если вы хотите ускорить процесс - отправьте в ручную свой сайт на индексацию.
После того, как первая индексация завершится, система покажет какой объем изображений (сколько гигабайт?) было обнаружено на вашем сайте. Сделать это можно на вкладке Индекс сжатия и статистика.
Теперь когда вы знаете объем изображений на своем сайте - приобретите нужный вам пакет и включите сжатие в настройках сайта.
В настоящее время для работы на сайте необходима динамичная система управления. При создании сайта на 1С-Битрикс предоставляется возможность с помощью широкого набора инструментов донести свои идеи до посетителя.
Главная особенность этой CMS в её модульности, то есть, имея одну административную базу управления сайтом, все редакции 1С-Bitrix отличаются друг от друга количеством модулей.
К примеру самая простая редакция «Первый сайт», разработанная для маленьких компаний, включает в себя основных 4 модуля:
- Главный модуль.
- Управление структурой.
- Инфоблоки.
- Модуль .
Под "Экспертом", являющимся основой для разработки информационного портала со своей социальной сетью и сообществами, предоставляется возможность поработать над сайта.
Технология "Композитный сайт" нацелена на ускорение доставки контента от сервера к пользователю, снижая при этом нагрузку на сервер.
сокращает время получение страницы пользователем
снижает нагрузку на сервер
добавляет динамические области на закешированной странице.
Технология "Композитный сайт" Bitrix расширяет функционал автокеширования страницы. Благодаря этой технологии, в кеше страницы появились динамические области, в которых могут отображаться результаты поведения пользователя на сайте: например, товары, добавленные в корзину пользователем или блок просмотренных пользователем товаров.
В динамические области страницы посредством асинхронных ajax-запросов выводятся результаты действия пользователя на странице.
Технология "Композитный сайт" - совокупность работы html-кеширования и ajax-подгрузки информации.
В итоге, очевидные плюсы ускорения работы сайта:
пользователи удовлетворены работой сайта, "отказы" по этой причине исчезают
лучшее ранжирование в поисковой выдаче
уменьшение точечной нагрузки на сервер, сайт сможет работать без ошибок с большим количеством посетителей.
Модуль монитора качества CMS Bitrix выполняет проверку качества сайта, и его основная цель – предоставить заказчику технически доработанный и проверенный экспертом в лице 1С-Битрикс
проект.
В CMS Bitrix для сдачи проекта по Монитору качества требуется пройти тесты различного назначения – проверку качества разработки, настроек продукта и соблюдение рекомендаций, специфичных для платформы 1С-Битрикс.
Модуль состоит из совокупности тестов, проходимых в ручном и автоматическом режиме, разделенных на обязательные
по прохождению и необязательные. Обязательные тесты проверяют критически важные моменты, поэтому должны быть пройдены.
Тестирование включает в себя 66 тестов из них 26 обязательных, и проверка проводится в таком порядке:
После прохождения всех 26 обязательных тестов, проект сайта можно сдать, после чего отчет по тестированию попадает в архив. Чем больше тестов успешно пройдено из всего количества, тем лучше для заказчика.
Эта заметка не будет касаться напрямую возможностей Битрикс. Я приведу несколько базовых принципов увеличения скорости работы сайта.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 и в разделе Обновление решений перейдите на вкладку Активация купона. Введите код купона. После этого в списке доступных модулей появится название купленного вами модуля. Нажмите кнопку «Установить» и далее действуйте так же, как при установке бесплатного модуля.
