Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими 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 использовал только на страницах мужских часов и на главной странице. Буду рад любой помощи и совету!