При просмотре сайта через смартфон не загружается css
1 повідомлення
#5 років тому
Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом:<link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'">
Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загружается, но скорость загрузки существенно падает.
Может, preload не работает на мобильных устройствах? Информации по этой части в интернете не нашёл...
Вот посилання Rel='preload' с onload использовал только на страницах мужских часов и на главной странице. Буду рад любой помощи и совету!
93 повідомлення
#5 років тому
Попробуйте такую функцыю, если у вас подключен jQuery $(window).load(function() {$('html head').append('<link href="style.css" rel="stylesheet">')});
P.S ваш сайт не грузится в fireFox
Додатки:
1205 повідомлень
#5 років тому
Грузите в голове <head> хотя бы основные стили структуры... а js подкл. остальное...
145 повідомлень
#5 років тому
Доброе утро!Можете ссылку на сайт скинуть?
Насчет блокирующих стилей. Надо стили 1 экрана вставить между <head></head>. Все остальное в обычном файле .css.
По Javascript. Все в футер + async or defer прописать на все ссылки.