ГлавнаяБитриксБитрикс и pagespeed

Скорость загрузки сайта. Битрикс и pagespeed


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

Раздел: Оптимизация

03.10.2017

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

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

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

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

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

Проблема №1

Сократите CSS

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

Проблема №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С - Битрикс:

Проблема №4

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

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

Проблема №5

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

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

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

Проблема №6

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

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

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

optiimg.com

mod_pagespeed и bitrixvm | Nulled Warez Scripts

Всем привет. Поставил модуль на сервер, все работает, но в админке беда, часть скриптов и стилей отдаются с 404 ошибкой.В публичке такой проблемы нет, там прописал в .htaccess

Код:

RewriteCond %{REQUEST_URI} !pagespeed и все работает нормально.а в админке вот так:Screenshot_2.png
Подскажите, может как не донастроил, или в исключение как-то добавить можно?В pagespeed.conf пробовал добавить

Код:

<Location home/bitrix/www/bitrix/js/main/> Order allow,deny ModPagespeed off </Location> не работает. Все равно ошибка.буду рад любому совету.#################################################решил.в pagespeed.conf добавил

Код:

ModPagespeedDisallow "*/bitrix/js/*" ModPagespeedDisallow "*/bitrix/themes/*" ModPagespeedDisallow "*/bitrix/panel/*" ModPagespeedDisallow "*/bitrix/css/*" ModPagespeedDisallow "*/bitrix/components/bitrix/*" ModPagespeedDisallow "*/bitrix/gadgets/*" погоняю понаблюдаю.

Ну и коли так пошло вот краткая инструкция по установке:создаем файл mod-pagespeed.repo в папке /etc/yum.repos.d со следующим содержимым:

Код:

[mod-pagespeed] name=mod-pagespeed baseurl=http://dl.google.com/linux/mod-pagespeed/rpm/stable/x86_64 enabled=1 gpgcheck=1 затем в консоле устанавливаем сам пакет

Код:

yum --enablerepo=mod-pagespeed install mod-pagespeed Идем в /etc/httpd/conf и в файле httpd.confподключаем pagespeed.conf

Код:

Include conf.d/pagespeed.conf в файле pagespeed.conf указываем

Код:

ModPagespeedDisableFilters rewrite_javascript ModPagespeedDisableFilters extend_cache <Location /pagespeed_admin> Order allow,deny Allow from localhost Allow from 127.0.0.1 Allow from my_ip SetHandler pagespeed_admin </Location> <Location /mod_pagespeed_statistics> Order allow,deny Allow from localhost Allow from 127.0.0.1 Allow from my_ip SetHandler mod_pagespeed_statistics </Location> ModPagespeedDisallow "*/bitrix/js/*" ModPagespeedDisallow "*/bitrix/themes/*" ModPagespeedDisallow "*/bitrix/panel/*" ModPagespeedDisallow "*/bitrix/css/*" <Location /pagespeed_global_admin> Order allow,deny Allow from localhost Allow from 127.0.0.1 Allow from my_ip SetHandler pagespeed_global_admin </Location> ну и напоследок перезапускаем апач

Код:

/etc/init.d/httpd restart В итоге в заголовке должно быть что-то типа:Screenshot_5.png

 

www.nulled.cc

Оптимизация и скорость загрузки сайта с технологией композитный сайт

Загрузка сайта

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

Оценка скорости загрузки сайта

Проверка скорости осуществляется по мобильной версии, по скорости отдачи и сжатия кода HTML страницы, CSS стилей и исполняемых кодов JS. Мобильная версия считается критерием оценки загрузки сайта и по ней проводится проверка отдельно у Google SpeedPage Insight и Yandex. Для улучшения скорости необходимо выполнять все требования поисковых систем, которое влечет за собой цепную реакцию исправлений на сайте. Битрикс оценивает скорость сайта по 0.5 сек: очень быстро, быстро, не быстро, медленно и очень медленно. Так выпьем же за быстро и очень быстро. Битрикс дал систему оценок скорости — это время, теперь можно при проверках сайта оценить и дать оценку клиенту, производить оптимизацию поэтапно. Самая интересная проверка у Google.

Проверка мобильной версии

Пример скорости загрузки сайта https://disprove.ru мобильной версии.Проверка сайта на мобильную версию Оптимизация под мобильную версию выполнена успешна.

Проверка десктопной версии сайта

Проверка десктопной версии у Google SpeedPage Insight.Проверка десктопной версии сайта Disprove в PageSpeed Оптимизация десктопной версии удачно выполнена.

Загрузка сайта

Когда пользователи попадают на сайты, они хотят получить искомую информацию. Если ваш сайт загружается 5-10 секунд, обязательно потеряете клиента или пользователя. Найдется источник получше, а информацию не уступающую вашей. Проверка Google самая непредсказуемая, найдет причину не дать последний процент.

PageSpeed Insight

Последний процент сложно получить из-за 1С-Битрикс. Одна из проблем в сжатиях CSS и JS. Хоть формируется код CSS в одну строку, но все равно он ставит комментарии в объединенном файле CSS, формирование файла вшита в ядро, которое менять бессмысленно из-за обновлений. С JS все проще, необходимо просто сжать свои файлы, обычно он один. В нашем случае PageSpeed ругается на «Сократите HTML» на 1,3 КБ (11 %). Пока нам лень исправлять. Последний процент не получить без сжатия HTML, Битрикс не дает этого, а сжимать код исходного файла не разумно, хотя сжатие файла может дать 1-2кб к уменьшению общей массы файлов загрузки.

Оптимизация загрузки сайта

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

Композитный сайт

Технология «Композитный сайт» от Битрикс дал нам около 20% скорости Google SpeedPage. Поэтому советуем всем обладателям бизнеса сделать свой сайт композитным.

disprove.ru

Prostoy-Site | Все права защищены © 2018 | Карта сайта