Я помещал таблицы стилей поверх (между
) html. Насколько я понимаю, это лучшая практика. (например, http://stevesouders.com/hpws/css-bottom.php )
Как бы то ни было, недавно я испытал разные результаты. Вместо этого коды ниже будут возвращать пустую страницу, когда test.css работает медленно, что означает, что у меня нет прогрессивного рендеринга.
Blah..
Затем, помещая test.css внизу, я получаю прогрессивный рендеринг.
Blah..
Насколько я понял до сих пор, все должно быть наоборот .. Возможно, есть другие факторы, которые я упустил из виду?
Конфликтующая информация может быть найдена на всем протяжении Интернета.
я настоятельно рекомендовал бы, чтобы с сегодняшнего дня Вы поместили только критический CSS как блокирующийся CSS и затем остальных, поскольку не представляют блокирование с помощью следующего метода:
<link rel="stylesheet" href="/path/to/css.css" media="none" onload="if(media!='all')media='all'">
Это будет использовать media
параметр как none
, что означает, что он не загрузится вообще, и затем однажды страница, как загружено onload
подкачка к all
таким образом то, чтобы вынуждать это загрузиться.
Также читает больше об атрибуте медиа здесь: https://www.w3schools.com/tags/att_link_media.asp