Почему атрибут «rel» тега «link» в разных ситуация имеет разные значения (stylesheet или preload)?

Question

[Андрей Белый]

Добрый день
Наш сайт на bitrix https://www.decorbazar.ru/ не подхватывает стили .css в браузерах Mozilla Firefox и Internet Explorer, как выяснилось из-за значения «preload» атрибута «rel» тега «link».


Обычно технические работы мы проводим на копии сайта развернутом на локалке «Open Server», развернув сайт и открыв его в браузере я увидел, что теги «link» вместо значения «preload» имеют значения «stylesheet», и сайт развернутый на локалке отображается со всеми стилями.


Скажите пожалуйста теоретически или физически возможно, что хостинг как-то влияет на тег link или может какие-то другие причины? Спасибо!

Comments

[Андрей Николаев]

Какие действия предшествовали ошибке? Например что-нибудь связанное с Композитным кешем?

[Андрей Белый]

Андрей Николаев, без понятия, работаю с сайтом 3 дня, композит кстати вырубал и удалил весь кеш, все по-прежнему.
Кстати используется решение от Аспро, вроде глянул в настройках которые с этим решением идут и ничего не обнаружил связанное с link или rel...

[Андрей Белый]

Андрей Николаев, в итоге все дело было в модуле «Ускоритель по Google Pagespeed» https://marketplace.1c-bitrix.ru/solutions/burlaka... , модуль дает возможность Активировать механизм высоко-приоритетных стилей и пуш-технологию. Все решала одна галка

[Андрей Николаев]

Андрей Белый, сделайте пожалуйста ответ и отметьте его решением

Answer 1

[Арсений Матыцин]

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
https://developer.mozilla.org/ru/docs/Web/HTML/Pre...

+ в коде работает событие onload, которое и меняет значение с preload на style. Это хак, который работает плохо.

Comments

[Андрей Белый]

Да, я с самого начала заметил функцию которая preload меняет на stylesheet, но вопрос в другом, а точнее в странном поведение:
1. На боевом сайте имеется и функция которая меняет preload на stylesheet, и в тегах link присутствует событие onload;
2. А сайт на локалке не имеет функции и вообще такое ощущение будто stylesheet в link'ах изначально по-умолчанию;

Возможно ли, что со стороны хостинга какая-то манипуляция link'ом?

[Aetae]

Андрей Белый, точно там же в коде есть this.onload=null, который собственно убирает onload.
В любом случае в инспекторе вы видите текущий код, уже отредактированный всеми скриптами. Чтоб посмотреть настоящий, приходящий с сервера исходный код - кликните правой клавишей по сайту и выберите "Исходный код страницы".

P.S. Честно говоря хз зачем кому-то понадобилось такое извращение с загружаемыми стилями. Обмануть какую-то метрику?

[Арсений Матыцин]

Андрей Белый, это просто плохо работает. Как я писал в предыдущем ответе, дешевле объединить критичные стили, остальные грузить на JS и preload\prefetch и остальную портянку использовать, как положено (см ссылки).
+ корректировить под браузерную поддержку.

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

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

[Андрей Белый]

Арсений Матыцин, надо было вам сразу написать, что этот подход с unload и preload в link'ах внедрил не я, я с этим сайтом работаю 3 дня и вот дали задачу это исправить, я бы вообще все link'и связанные со стилями в stylesheet переделал и все бы успокоились, а сейчас ума не приложу, что делать.
Вместо link'ов в Bitrix используют метод SetAdditionalCSS или \Bitrix\Main\Page\Asset::addCss и код прописанный в файле выглядит так:

<?$APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/swiper.css")?>

Как видите тут даже rel не прописан, так бы я уже давно все исправил

[Андрей Белый]

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

[Арсений Матыцин]

Андрей Белый, это битрикс, детка. Хочешь сделать хорошо — обращайся к профам в области и готовь сундучок денег.

ЗЫ: сам вопрос лишь косвенно относится к битриксу. Просто я не я, если не упомяну об этом.

[Aetae]

SetAdditionalCSS не должен вроде такой пакости делать, кто-то попатчил коды битрикса.)
Вы можете это просто выкинуть и заменить на обычное добавление стиля, ничего критичного не должно произойти.(теоретически:))

[Арсений Матыцин]

Aetae, да скорее надо скопированный модуль найти с переопределением и поправить на норм логику.

[Андрей Белый]

Aetae, ничего критично не произойдет, но SetAdditionalCSS участвует в оптимизации сайта в целом, и ваш способ для битрикса к сожалению будет скорее костылем :(

[Андрей Белый]

Арсений Матыцин, Aetae, в любом случае, спасибо вам огромное господа, буду разбираться и искать где собака зарыта

[Александр Маджугин]

Андрей Белый, и в какой оптимизации кроме не очень-то нужной склейки, он участвует?

[Александр Маджугин]

Андрей Белый, попробуй поискать по файлам в локал, подписку на событие завершение страницы, вроде:
OnEpilog
OnAfterEpilog
OnEndBufferContent

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

[Андрей Белый]

Александр Маджугин, проверил, ничего нет.
Попробовал следующее:
1. Скопировал действующий шаблон;
2. Из header.php и footer.php начал по кусочкам удалять код;
3. Заметил, что удаляя строку <?$APPLICATION->ShowHead();?> удаляются все скрипты, где прописана логика этого метода? Может кто внес корректировки в этот файл?

[Александр Маджугин]

Андрей Белый, это совсем грустно бы было.
Для поиска ядерных методов отлично подходит bxapi.ru
https://bxapi.ru/src/?module_id=main&name=CMain%3A...

[Андрей Белый]

Александр Маджугин, доброе утро и спасибо вам за комментарии, в данный момент ничего не решил и написал в поддержку Аспро.

[Андрей Белый]

Александр Маджугин, Арсений Матыцин, Aetae, всем спасибо, господа.
В итоге все дело было в модуле «Ускоритель по Google Pagespeed» https://marketplace.1c-bitrix.ru/solutions/burlaka... , модуль дает возможность Активировать механизм высоко-приоритетных стилей и пуш-технологию. Все решала одна галка

Answer 2

[Андрей Белый]

В итоге все дело было в модуле «Ускоритель по Google Pagespeed» https://marketplace.1c-bitrix.ru/solutions/burlaka... , модуль дает возможность Активировать механизм высоко-приоритетных стилей и пуш-технологию. Все решала одна галка