WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
18 Январь 2018, 23:46:39 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
от DreamSupport (Реклама и доход)
от CPAgetti (CPA-сети)
от Panna Tatyana (Свой канал на youtube)
от Ириана (Покупка-продажа)
от Bukvarix (Сервисы и SEO программы)
от lepota (Платное размещение статей и ссылок)
от semnat (Контент, копирайтинг, переводы)
от unikvseru (Раскрутка сайтов в поисковиках)
от unikvseru (Работа и услуги)
от ClicksCloud (Привлечение и удержание посетителей)
от Shrem (Обо всем)
от maxnik (Наши сайты)
от fainna (Юзабилити)
от fainna (Дизайн)
от fainna (Биржи контента)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор Тема:

Как сделать асинхронную загрузку JavaScript и CSS?

 (Прочитано 1186 раз)
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