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

Войти
Правила Реклама
 
5
10
15
Свежие ответы
от Advelink (Платное размещение статей и ссылок)
от Kiss_mash (Наши сайты)
от salemed (Социальные сети)
от paklya (Мотивация)
от paklya (Полезное)
от paklya (Обо всем)
от paklya (Контент, копирайтинг, переводы)
от paklya (Работа и услуги)
от paklya (Обмен ссылками)
от amitofu (Реклама и доход)
от Kaisa (Новичку)
от HostiMan (Хостинг)
от ProHoster (VDS/Сервера)
от Kri-kri (Ищу копирайтера, редактора, контент-менеджера)
от DesignPro (Дизайн)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

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

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