WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
11 Декабрь 2016, 11:56:55 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
Re: Качественные статьи по доступным ценам от Oleg10 (Контент, копирайтинг, переводы)
Re: Марафон Спарта от Пузата - Почему я иду от Кукла в бантиках (Обучение сайтостроению, SEO и заработку)
Re: Предоставляю услуги по верстке, программированию и поддержке ваших сайтов от Деверо (Работа и услуги)
Re: Advertur — заработай на своем сайте, размещая RTB рекламу! Официальная группа! от Fantana (Реклама и доход)
Требуется помощник редактора сайта от Клим (Ищу копирайтера, редактора, контент-менеджера)
Re: Размещу качественный контент бесплатно от Mashuly (Обмен ссылками)
Re: Кем будет востребована информация о благосостоянии клиента? от АТВ (Привлечение и удержание посетителей)
Медицинская партнерка с уникальными методиками от sexolog (CPA-сети)
Как рассчитывается итоговый доход Адсенса? от anlw (Google AdSENSE)
Re: Наполнение групп Вконтакте от Posting_i_PIAR (Социальные сети)
Услуга в соц.сетях: поиск аккаунтов по номеру телефона или email. от Max-Payne (Покупка-продажа)
Re: Проблема с дизайнером от Mara (Дизайн)
Re: Апа не будет до конца лета? от larisay (Yandex)
Re: Хостинг FairyHosting.com от vladislavd (Хостинг)
Re: как сейчас с высококонкурентной тематикой для новых сайтов? от Ивица (Раскрутка сайтов в поисковиках)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

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

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