Оптимизация сайта на Bitrix под Google PageSpeed Insights

Оптимизация сайта на Bitrix под Google PageSpeed Insights

В последнее время, очень сильно обострился вопрос в середе web - разработки, относительно требований\рекомендаций компании Google - pagespeed insights.

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

Результат в красной зоне - все плохо, желтой - сносно, зеленой - все практически или идеально. 

Для примера мы возьмем сайт http://demo.alfa1c.ru/ изначально он находится в краснйо зоне и имеет 49 / 100 для мобильных устройств и 55 / 100 для десктопов.


Попробуем разобраться в чем же дело.


Проблема №1

Сократите CSS

Данная проблема решается установкой галок в настройках главного модуля 1С - Битрикс:

  • Объединять CSS файлы
  • Подключать минифицированные версии CSS и JS файлов
  • Создавать сжатую копию объединенных CSS и JS файлов


Проблема №2

Используйте кеш браузера

Данная проблема решается с помощью модуля mod_expires.c

Чтобы задать время кеширования необходимо в .htaccess в корне сайта разместить следующий код:

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresByType image/jpeg "access plus 3 day"
  ExpiresByType image/gif "access plus 3 day"
  ExpiresByType image/png "access plus 3 day"
  ExpiresByType text/css "access plus 3 day"
  ExpiresByType application/javascript "access plus 3 day"
</IfModule>

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


Проблема №3

Сократите JavaScript

Данная проблема решается установкой галок в настройках главного модуля 1С - Битрикс:

  • Объединять JS файлы
  • Создавать сжатую копию объединенных CSS и JS файлов


Проблема №4

Включите сжатие

После минификации файлов стилей и js из пунктов 1 и 3, данная ошибка пропадет.


Проблема №5

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы.

Данная проблема решается путем переноса наших скриптов вниз страницы, после загрузки основного контента. В 1С - Битрикс это делается установкой галочки в настройках главного модуля 1С - Битрикс:

Переместить весь Javascript в конец страницы
Но этого к сожалению недостаточно, ошибка продолжает появляться.


Проблема №6

Оптимизируйте изображения

Данный пункт один из самых влиятельных в плане баллов, по этой причине к работе с данным пунктом, необходимо отнестись наиболее внимательно.
Процесс оптимизации картинок заключается в уменьшении их размера, путем удаления невидимых человеческому глазу оттенков и meta - информации. 
Руками данный процесс выполнить нельзя, требуется конвертер, который возьмет исходный файл и отконвертирует его.
Есть несколько инструментов, для выполнения данной операции:

  1. Adobe Photoshop
  2. Онлайн сервисы
  3. Приложения для сервера
Когда картинок не много, можно справиться с помощью редактора, того же Adobe Photoshop или онлайн сервиса, но на многих сайтах количество изображений достигает нескольких сотен тысяч! И это превращается в проблему.
Вот тут то и вступает в дело пакетный конвертер.  Для системы управления сайтом 1С - Битрикс мы разработали модуль, который значительно упрощает этот процесс, достаточно установить его из маркетплейс, настроить необходимое качество сжатия (потренироваться можно на тестовых картинках) и запустить, за час модуль обрабатывает примерно 10 000 изображений - это объем небольшого интернет магазина. Модуль можно оставить работать на сутки и в таком случае изображения даже на очень крупном сайте успеют обработаться. Установить модуль можно по ссылке.

Возврат к списку

Акция «Чемпионат скидок»: снижаем цены на 12-63%

Скидки на «1С-Битрикс: Управление сайтом»

Платформа «1С-Битрикс: Управление сайтом» предназначена для сайта любой сложности: визитки, корпоративного или интернет-магазинов с ассортиментом от 2 до 100 000 единиц товара. В продукте есть возможность подключения онлайн кассы и готовое соглашение обработки персональных данных.

- Скидка 15% на все редакции «1С-Битрикс: Управление сайтом» *

Расширяйте функционал сайта на выгодных условиях. Если ваш бизнес растет, приобретайте редакцию выше той, которая уже стоит у вас.

- Скидка 20% на переход на следующую редакцию после вашей «1С-Битрикс: Управление сайтом».

- Скидка 63% на стандартное продление вашей редакции «1С-Битрикс: Управление сайтом» (стандартное продление по цене льготного)! *

*кроме льготного продления, редакции «Первый сайт» и «Энтерпрайз»

Кроме этого, при покупке любой редакции 1С- Битрикс, Вы получите наш модуль совершенно БЕСПЛАТНО!

Свяжитесь с нами: optiimg@mail.ru

Закрыть