Как отложить загрузку CSS?
Языки программирования+2
Анонимный вопрос · · 13,6 K
У меня вопрос. Уже замучился искать ответ.
Вот строчка с css файлом
<link rel="stylesheet" type="text/css" href="/demsdems.ru_app_min.css" />
Прописанна на главной в файле main.tpl движок DLE 31.1
Вот, что нужно сделать.
Отложите загрузку неиспользуемого контента CSS
Чтобы сократить расход трафика, удалите неиспользуемые правила из таблиц стилей.
Но как?
Frontend-разработчик, основатель учебного портала... · 7 сент 2018 · youtube.com/channel/UCn5wduCq2Mus0v85QZn9IaA
Для асинхронной загрузки CSS можно использовать jQuery, если вы уже применяется его на своем сайте.
Добавьте следующий скрипт:
> $("head").append("<link rel='stylesheet' type='text/css' href='/styles.css' />");
Если этот... Читать далее
Куда добавить? В какой файл?
Если вы имеете ввиду загрузку критического CSS после загрузки страницы, то попробуйте эти варианты:
1) С использованием jQuery:
<html>
<head>
<style>
.blue{color:blue;}
</style>
</head>
<body>
<div class="blue">
Hello, world!
</... Читать далее
полная бридятина
к какому скрипту написали ? это что Hello, world! ?
Лучше всего не создавать ситуацию, когда необходимо откладывать загрузку каких-то стилей, т.е. прямо говоря, создавать билды под контент конкретных страниц\шаблонов.
В остальном можно воспользоваться динамической загрузкой... Читать далее
Если у вас в проекте есть большие файлы css:
- Для начала их можно менимизировать например с помощью сервиса https://csscompressor.com/ . Я выбираю обычно метод "High" css код получается компактный и удобно читаемый.
- Чтобы... Читать далее
Сколько слышал убрать стили в подвал, и пробовал, не красивая загрузка сайта получается, лучше пусть будут в head... Читать дальше