При просмотре сайта через смартфон не загружается css

Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом:

<link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'">

Как и коды javascript, помещал таблицы стилей в самый низ кода. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон! Менял самые основные на обычный link rel="stylesheet" type="text/css"-работает, но скорость загрузки существенно падает. Использую такой вот фьюпорт:

'<meta name="viewport" content="width=device-width, initial-scale=0.5" />'

Но даже если его вообще убрать, таблица стилей на планшетах и телефонах также не загружается. Уже не знаю в чём может быть дело. Может, preload не работает на мобильных устройствах? Информации по этой части в интернете не нашёл...