Дайте возможность указать где подключать CSS шаблонов компонентов
Google PageSpped ругается на все сайты на Битриксе в контексте того, что в шапке сайта подключается огромная объединённая и сжатая CSS. Согласно рекомендациям в шапке сайта нужно подключать только те CSS, которые нужны на первом экране. Но в Битриксе же все все css всех шаблонов компонентов подключаются исключительно в шапке. Нужно дать возможность в шаблоне компонента голосовать за место расположения CSS - Header/Footer. По аналогии с голосованием за композит. На выходе получим то, что требует Google - в шапке будут подключаться только те CSS, которые нужны для первого экрана, остальные соответственно будут подключаться в подвале сайта.
© 2001-2022 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом.
Соглашение об использовании сайта
Соглашение об использовании сайта
1) Переносить все в подвал
2) Менять страницу таким образом, чтобы самих данных было как можно меньше (Например по аналогии с лентой в сделках - их нет на странице до тех пор пока до нее не долистаешь)
как это уже сделано у них для скриптов
а пока можно использовать данный модуль
гугл советует именно в страницу а не подключать в виде отдельного файла в хедере
но не такто это просто сделать самому. если сайт адаптивный блоки и не вначале могут находится. разве что верстальщик сразу озаботится разделением стилей.
можно как то извернутся и подключать стили шаблонов компонентов в код страницы. но веть стили основного шаблона тоже важны. кроме того возникает проблема разбухания html страницы - т.е. конфликт с другим правилом гугла
я переношу стили как советует гугл - но это не помогает. а выделить основные стили хз как без помощи верстальщика. тем более если попадется проект со сложным сторонним шаблоном или легаси сайт - сделать это за "пару часов" не реально.
подытожив можно сказать - что фича автоматического переноса стилей в конец страницы мало на что влияет без полноценного выделения основных стилей и подключения их в коде страницы по рекомендации гугла. т.е. фичу надо внедрять комплексно - чтобы могло выделить css как в примере и вставить в код страницы
<st yle> .blue{color:blue;} </style>простой выбор выводить стили шаблона в шапке или футере никак не поможет.
гугл советует именно в страницу а не подключать в виде отдельного файла в хедере