СТАНЬ VIP
GISHER ПРОЕКТЫ
РАЗДЕЛЫ
  › Блоги › Gisher блог › Асинхронная загрузка виджетов Facebook

Не названный блог
Аватара пользователя
Gisher
 
Сообщения: 6075
Зарегистрирован: 17 сен 2006, 20:46
Пол: мужской
Статус: Учусь жить...
Блог: Просмотр блога (125)
Архивы
- Сентябрь 2018
+ Апрель 2018
+ Декабрь 2017
+ Ноябрь 2016
+ Апрель 2016
+ Декабрь 2015
+ Сентябрь 2015
+ Август 2015
+ Июль 2015
+ Май 2015
+ Январь 2015
+ Декабрь 2014
+ Ноябрь 2014
+ Октябрь 2014
+ Сентябрь 2014
+ Август 2014
+ Июль 2014
+ Июнь 2014
+ Май 2014
+ Апрель 2014
+ Декабрь 2013
+ Ноябрь 2013
+ Сентябрь 2013
+ Август 2013
+ Июль 2013
+ Июнь 2013
+ Май 2013
+ Апрель 2013
+ Март 2013
+ Февраль 2013
+ Январь 2013
+ Декабрь 2012
+ Октябрь 2012
+ Сентябрь 2012
+ Июль 2012
+ Май 2012
+ Ноябрь 2011
+ Сентябрь 2011
+ Август 2011
+ Июль 2011
+ Апрель 2011
+ Февраль 2011
+ Октябрь 2010
+ Сентябрь 2010
+ Август 2010
+ Март 2010
+ Январь 2010
+ Декабрь 2009
+ Октябрь 2009
+ Сентябрь 2009
+ Август 2009
+ Июль 2009
+ Май 2009
+ Апрель 2009
+ Март 2009
+ Декабрь 2008
+ Ноябрь 2008
+ Август 2008

Асинхронная загрузка виджетов Facebook

Постоянная ссылка Gisher 21 май 2013, 18:23

Часто из за перегрузок каналов или серверов виджеты Фейсбука могут значительно продлить загрузку страниц вашего сайта.
Не говоря уже о таймаутах.
Для этого лучше сделать асинхронную загрузку виджетов Facebook, то есть виджет загружается только после окончательной загрузки всей страницы.
Для этого в предлагаемом коде виджетов
Код: Выделить всё · Развернуть
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
добавим перед js.src = "//connect.facebook.net вот эту строчку js.async=true;

В итоге у нас получится
Код: Выделить всё · Развернуть
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.async=true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
и виджет будет грузится только после полной загрузки страницы.

Правила | Поиск
0 комментариев11954 просмотров