WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
23 Июль 2017, 23:32:19 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
от Oleg10 (Контент, копирайтинг, переводы)
от vanillamuss (Дизайн)
от Dr_Tapac (Сервисы и SEO программы)
от mospaniuta (Теория и практика)
от kalip27 (Продвижение, SEO)
от polyakovka (Работа и услуги)
от ladyclick.ru (Реклама и доход)
от Posting_i_PIAR (SMM для сайта)
от wmmax (Хостинг)
от vsemaykiadmin (CPA-сети)
от ClicksCloud (Привлечение и удержание посетителей)
от semnat (Обо всем)
от galikras (Услуги дизайнеров)
от Esposa (МК по Садоводству/Ремонту)
от galikras (Наши сайты)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

Тема: Как сделать асинхронную загрузку JavaScript и CSS?  (Прочитано 1168 раз)

0 Пользователей и 1 Гость смотрят эту тему.
Renee
Offline Offline

Сообщений: 1


Просмотр профиля
« : 25 Март 2015, 13:10:23 »

Подскажите, плиз

Сайт на nginx
Записан
zurkevich
Offline Offline

Сообщений: 16


Просмотр профиля
« Ответ #1 : 01 Апрель 2015, 03:43:20 »

Современные обозреватели и так могут выполнять асинхронную загрузку CSS и JS. Вероятно Вы имеете ввиду не блокирующую загрузку скриптов, которая позволяет избежать блокирование загрузки сайта на время выполнения сценариев. Для этого есть несколько способов.
1 разместить теги скриптов в конце страницы непосредственно перед </body>
2 создать небольшие функции для последующей загрузки и добавления скриптов в тело документа, по наступлению определенного события.
3 аналогичное предыдущему, но с применением ajax.
4 использование сторонних готовых решений динамической загрузки JS например LasyLoad или LABjs
Таким же образом можно загружать CSS, но как правило в этом нет необходимости, они загружаются параллельно и не блокируют отображение страницы.

Для получения максимального эффекта также стоит использовать минимизацию JS и CSS, по возможности сгруппировать сценарии и таблицы в одном месте в соответствующих файлах, не нарушая последовательности и зависимости ,применять сжатие не стороне сервера. gzip например позволяет уменьшить объем скрипта и таблицы стиля на 70%, Не стоит применять к gzip уже сжатым данным таким как jpg, png и т.д. Настроить http заголовки для возможности кеширования скриптов и таблиц на стороне клиента. Очень полезным будет использование CDN, многие популярные библиотеки распространяются именно через них. Использование CDN избавит от необходимости выполнять настройку http заголовков и методов сжатия на своем сервере.

Как-то так, надеюсь помог.
Записан
Страниц: 1
  Печать  
 
Перейти в:  

| Sitemap