07.01.2022 07:26:15 pm
В интернете можно найти пример, как сделать асинхронную загрузку CSS, например, так:
Тут просто, после загрузки (
Я недостаточно в этом разбираюсь, но... Я не уверен, помогает это реально или нет, и не увидел какие то плюсы от данного JS. А вот минус есть. Так как замена значения атрибута будет выполнятся только после загрузки, то пользователь может видеть "голую структуру" сайта, без стилей. Можно просто перенести код подключения файла стиля в низ страницы, будет тоже самое.
Я не сторонник того, чтобы пользователи моего сайта видели "голый скелет" сайта. Лучше сжать код CSS, подключить его в
<link rel="stylesheet" href="file.css" media="danfa" onload="this.media=\'all\'" />Тут просто, после загрузки (
onload), выполняется JS, который меняет значение атрибута media, с danfa на all.Я недостаточно в этом разбираюсь, но... Я не уверен, помогает это реально или нет, и не увидел какие то плюсы от данного JS. А вот минус есть. Так как замена значения атрибута будет выполнятся только после загрузки, то пользователь может видеть "голую структуру" сайта, без стилей. Можно просто перенести код подключения файла стиля в низ страницы, будет тоже самое.
Я не сторонник того, чтобы пользователи моего сайта видели "голый скелет" сайта. Лучше сжать код CSS, подключить его в
<head>, и задать время хранения этого файла в кэше браузера.- Жалоба
