WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
01 Май 2017, 04:25:41 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
от salemed (SMM для сайта)
от Kludge (Работа и услуги)
от vsemaykiadmin (CPA-сети)
от shkoda86 (Контент, копирайтинг, переводы)
от Direct kupon com (Покупка-продажа)
от Klerik (Дизайн)
от Holly (Биржи контента)
от ladyclick.ru (Реклама и доход)
от Bukvarix (Сервисы и SEO программы)
от Hitoriiii (Платное размещение статей и ссылок)
от Websupportrevolution (Хостинг)
от m1pluss (Соц.группы)
от Laila (Нужна помощь по сайтам)
от yana75-75 (Финансы)
от websun (Виртуальный хостинг)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

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

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

Сообщений: 1


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

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

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

Сообщений: 16


Просмотр профиля
« Ответ #1 : 01 Апрель 2015, 02: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