@inviziblll

Как ускорить сайт на Битрикс для pagespeed?

Как ускорить сайт на Битрикс для pagespeed?

При тестировании сайта для google на сервисе pagespeed https://developers.google.com/speed/pagespeed/insi...
сервис сообщает, что страницы сайта грузится медленно, из-за того, что скорость загрузки страниц много лишнего и JS, но эти стили и скрипты нужны для нормальной работы сайта, часть из них часть из них стили и скрипты шаблона сайта, другие это системные JS скрипты которые загружает сам Битрикс.

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

В настройках для главного модуля указал, чтобы JS подключались в нижний части страницы но скорость только немного подросла
5fda16d243ac4849585725.jpeg

В блоке Preload key requests pagespeed указывает что больше всего на скорость загрузки повлияли шрифты
5fda16e2ba028435824851.jpeg3
5fda16f07862f524849872.jpeg

Для ускорения загрузки страницы pagespeed предлагает использовать атрибут link rel=preload при подключении CSS.

Пробовал следовать рекомендации pagespeed и подключать CSS стили такой конструкцией
<link href="/local/templates/.default/css/style.min.css"  type="text/css" rel="preload" />

но тогда стили страницы отваливаются в браузере FireFox. Как можно сделать, чтобы pagespeed загружал шрифты быстрее и не выставлял рекомендацию rel=preload и можно ли вообще добавить эту рекомендацию в тег link так чтобы стили не отключались в FireFox?

pagespeed рекомендует добавить компрессию как я понимаю ее можно добавить используя настройки gzip compression в .htaccess и больше ничего делать не надо?

5fda189a2cfd9396600242.jpeg

Eliminate render-blocking resources - здесь сервис рекомендует убрать блокирующие рендеринг страницы ресурсы, в моем случае он почему то таким ресурсом результирующий CSS файл сайта, куда Битрикс объединил CSS файл стилей шаблона сайта, CSS файлы шаблонов компонентов и системные файлы
5fda17425403c385036978.jpeg

Remove unused CSS - здесь сервис указывает системные CSS и стили шаблона сайта как неиспользуемые, почему так происходит, ведь эти файлы используются в проекте?

5fda17719b6fc641281482.jpeg
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 2
но эти стили и скрипты нужны для нормальной работы сайта, часть из них часть из них стили и скрипты шаблона сайта, другие это системные JS скрипты которые загружает сам Битрикс.

И что-то мне подсказывает что там половина ненужного хлама.
Начать нужно с нормальной, лаконичной верстки, аккуратно интегрированной на сайт, где вы будете понимать какие файлы ресурсов для чего нужны.

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

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

Для ускорения загрузки страницы pagespeed предлагает использовать атрибут link rel=preload при подключении CSS.

Вообще-то шрифтов.

Пробовал следовать рекомендации pagespeed и подключать CSS стили такой конструкцией

Вы не правильно распарсили рекомендацию.
Если вы хотите добавить предзагрузку стилей вы должны добавить метатег прелойда:
<link rel="preload" href="/local/templates/.default/css/style.min.css">

А не заменить им загрузку стилей.

Eliminate render-blocking resources - здесь сервис рекомендует убрать блокирующие рендеринг страницы ресурсы, в моем случае он почему то таким ресурсом результирующий CSS файл сайта, куда Битрикс объединил CSS файл стилей шаблона сайта, CSS файлы шаблонов компонентов и системные файлы

Что значит "почему-то"? Потому что это блокирующий ресурс. Вынесете стили страницы и хедера в отдельный файл который вставляйте инлайном в html для пользователей заходящих на сайт впервые в head, и подключайте в конце страницы два файла css - этот (да стили будут дважды загружены) и общий.
А для пользователей заходящих повторно, подключайте только файлы, но уже в начале страницы.

Remove unused CSS - здесь сервис указывает системные CSS и стили шаблона сайта как неиспользуемые, почему так происходит, ведь эти файлы используются в проекте?

Возможно что не используются на этой странице которую вы тестируете - тут уж надо выбирать - как вы хотите грузить проект - все стили целиком, или только нужные на текущей странице - что вам важнее и как пользователи перемещаются по вашему сайту.
Ответ написан
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
забейте, единственное что Вы реально можете сделать это:
1.оптимизировать фото
2.использовать gzip сжатие
самый простой способ улучшить скорость загрузки это подключить CDN для js/css и изображений + ну и железо помощнее

В случае cms вроде битрикса где нет прямого доступа к контенту cms/плагинов невозможно выполнить требования гугла без танцев с бубном - когда клиенты наглух ушибленные, то можно добавить пост-фильтр страницы возвращаемой cms т.е. получаем готовую страница и оптимизируем код к которому у нас не было доступа. Например, переносим js плагинов в подвал сайта.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы