Какой самый эффективный способ загрузки скриптов для API социальных сетей?
Как и большинство веб-сайтов в наши дни, на моем личном веб-сайте есть множество виджетов для социальных сетей, таких как кнопки "Мне нравится", "Подписаться" и "Поделиться" и т. Д.
Чтобы внедрить эти виджеты, я использую код JavaScript, который предоставляется на сайтах разработчиков в социальных сетях, плюс разметку HTML5 с соответствующими data-* атрибуты для "крючков" для кнопок.
В настоящее время эти функции API-загрузчика расположены во внешнем .js файл, который запускается через <SCRIPT> элемент, расположенный в <HEAD> веб-страницы.
Я заметил, что эти функции "загрузчика" вызывают другой файл с сервера соответствующей социальной сети. Используя функцию загрузчика JavaScript Facebook в качестве примера:
(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_GB/all.js#xfbml=1';
fjs.parentNode.insertBefore(js,fjs);
}
(document,'script','facebook-jssdk'));Эта функция вызывает основной API-скрипт Facebook:
https://connect.facebook.net/en_GB/all.js
У меня также есть функции загрузчика Twitter и Google+ в том же внешнем файле.
Тем не менее, хотя я далек от специалиста в JavaScript и в том, как он связан с кэшированием, но у меня возникает ощущение, что использование внешнего скрипта вызывает проблемы, связанные с кэшированием. У этих кнопок, кажется, свой собственный разум, и кажется, что они действительно загружаются или нет - вопрос удачи! Мне было интересно, если это как-то связано с моим сервером Apache, автоматически отправляющим Last-Modified: HTTP заголовок.
Короче говоря, вопрос, на который я хочу ответить, таков:
Какой самый эффективный и безошибочный метод запуска этих загрузчиков API: через внешний или встроенный скрипт?
Другими словами: считаете ли вы, что встраивание функций загрузчика API улучшит загрузку и производительность кнопок или имеет значение, встроен ли код во внешний файл?