RSS-подписка

RSS-лента

Новые статьи

Последние комментарии


Получать обновления на эл. почту

Ваш e-mail:

Рассылка новостей от Loco

Асинхронная загрузка 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)     Подпишитесь на RSS комментариев к этой статье.