danielnewman
@danielnewman
Front-end

Социальные плагины. Кто как умеет бороться с ними?

843a4d14bfddd53cfb60cd9ccf8c9be9.pngЗахожу на главную страницу нашего новостного портала.

+350 ms ожидания и html-страница загрузилась.

+100 ms — css

далее сыпется море блокирующих запросов G+, FB плагинов, скрипты

которых начинают тянуть море картинок и запросов к еще большему

количеству скриптов.


Наше: html, css, 25 картинок, загрузка которых отложена скриптами

социалок на все 1500 ms. Загрузка самих картинок измеряется 20-60 ms

каждой + задержка сервера — 15 ms.


Итого — 89 запросов 924.8 Кб, загрузка 3930 ms из которых 780 Кб -

социалки и их контент, конкурирующие с основными картинками, всё

это затянуло процесс на 2500 ms лишнего времени, что критично.


Что, кроме переноса скриптов в хвост страницы, можно предпренять,

что бы повысить скорость отдачи главной, оставив загрузку шлака

социалок на самое потом?




d57fb12c55e2d30f24daea14d10e9d88.png

upd: по совету общественности
habr.ru/post/148213/
habr.ru/post/105850/
habr.ru/post/136360/
habr.ru/post/49245/    (webo.in/articles/habra...)
  • Вопрос задан
  • 3506 просмотров
Решения вопроса 1
Wott
@Wott
Делаете отложенную загрузку
Легкий вариант например для G+ гугл предлагает по умолчанию
Можно функцию вызывать по onload или даже по таймеру после onload
Ответ написан
Пригласить эксперта
Ответы на вопрос 7
charliez
@charliez
А, и еще, погуглите на тему «асинхронная загрузка». Посмотрите как сделано это например у rbc.ru если открыть любую новость, в конце исходного кода страницы. Все эти социальные кнопочки подгружаются в конце динамически и рендерятся на странице динамически.
Ответ написан
Комментировать
charliez
@charliez
некоторые внешние скрипты иногда можно (и нужно) загружать со своего сайта (тупо скопировать на свой хост и загружать оттуда).
Ответ написан
Комментировать
На хабре проскакивал пост о одном из способах ассинхронной загрузки файлов. Автор делится своим решением.
Ответ написан
Комментировать
alekciy
@alekciy
Вёбных дел мастер
Если еще не установлена такая штука как Page Speed от Google, то рекомендую поставить.
Ответ написан
@Dzen_Marketing
Badoo на HPC рассказывали, что они грузят обычную картинку, изображающую лайк, а потом когда надо подгружают виджет
Ответ написан
@egorinsk
Если у вас Опера, можно посмотреть в отладчике запросы и добавить userapi.com, и подобные сайты в черный список. Они тянут кучу скриптов. создают ифреймы, при этом я, например, никогад этими лайками и кнопками не пользовался.
Ответ написан
miraage
@miraage
Старый прогер
Я может поздно пришел, но я гружу все плагины через async=true
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы