Асинхронная загрузка css
Для улучшения показателя скорости загрузки сайта, полезно подгружать файл стилей css асинхронно. Один из способов - с помощью javascript. Для этого перед закрывающим тегом body пишем
<script>
function asyncCSS(href) {
var css = document.createElement('link');
css.rel = "stylesheet";
css.href = href;
document.head.appendChild(css);
}
asyncCSS('/css/main.min.css');
</script>
Минус асинхронной загрузки стилей в том, что посетитель увидит сначала сайт без стилей, некрасивым. С этим боремся инлайн встраиванием необходимых для визуального оформления первого экрана прокрутки стилей в тело кода страницы между тегами <style>.
От чего уходили, к тому и возвращаемся.
Источник: loco.ru
almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.
Вы можете почитать все статьи от almix'а.
Другие статьи по этой теме:
- 0 Yii: Bootstrap tabs, делаем активной вкладку на которую выполняется переход по ссылке (20.03.2014)
- 0 CodeIgniter: Всплывающая форма обратной связи на Ajax в Bootstrap Modal и проверкой Captcha (18.02.2014)
- 0 Opencart: Установка мета тега Keywords для главной страницы через админку (05.12.2013)
- 0 Opencart: Модуль Filter Product OpenCart_v1.5.x: Как скрывать недоступные опции в фильтре (23.10.2013)
- 0 Twitter Bootstrap Carousel Crossfade (09.09.2013)
- 0 Inline-block vs float (22.08.2013)
- 0 Даб-даб-даб. Просто прикольная девушка по имени Майле Охуе в гугле хорошо объясняет. (24.04.2013)
- 0 Добавляем в <title> название категории Joomla (22.08.2013)
- 0 Список li в две колонки (CSS) (13.03.2013)
- 0 WordPress: Добавить ссылку "Сохранить фото" для галереи на NextGen с эффектом Lightbox (12.04.2013)
- Асинхронная загрузка css (21.01.2021) ← вы тут
- Оборачиваем изображения в ссылки с помощью хука add_filter('the_content', ...) в functions.php (14.08.2019)
- Что такое SEO-продвижение (30.07.2019)
- Добавляем форму отправки обратного звонка на сайт (по Javascript и с ReCaptcha) (29.07.2019)
- Java-скрипт работа с css-свойствами (09.03.2019)
- Где заказать качественные seo услуги? (07.03.2019)
- Добавление целей для Javascript-событий в Яндекс Метрике и Google Analytics (05.03.2019)
- Две или более reCaptcha на одной странице. Несколько рекапч на странице (25.02.2019)
- Оверлей кнопка на видео HTML5 video overlay play button (15.02.2019)
- Javascript: Выводим прелоадер пока ожидаем выполнение скрипта php (29.01.2019)
- Flip-вращалка на css. Эффект кручения карточки на обратную сторону (25.10.2018)
- Выравниваем div по-центру другого div в меню Bootstrap (12.10.2018)
- Плавная прокрутка на странице (Bootstrap JS Scrollspy) (12.10.2018)
- Для чего необходимо продвижение и оптимизация сайта? (09.10.2018)
- Настраиваем красивое меню типа гамбургер на мобильных, используя плагин mmenu. На примере 1С-Битрикс (04.02.2018)
Комментарии (0)
Подпишитесь на 
RSS комментариев к этой статье.
RSS комментариев к этой статье.
