Внешние скрипты

Среднестатистически на сайте водится от 5 до 10 сторонних плагинов. Их влияние вносит негативный вклад в показатели загрузки.

Во-первых: интеграция любого скрипта должна быть осмысленной. Любой копипаст таковым не является. И если где-то написано, что данный кусок кода должен быть вставлен в хеде, то эта информация не несет догматического характера. И проявлять упорство в данной позиции, особенно не понимая многих аспектов работы сайта и всего что с ним связано, не целесообразно.

Во-вторых: любое отклонение от базовой интеграции строннего плагина не должно ограничивать его функционал и менять логику работы.

В третьих: влияние внешних плагинов на показатели загрузки страницы должно сводится к минимуму или даже к нулю, не ухудшая эргономику сайта.

Взяв во внимание все перечисленные пункты загрузка внешних плагинов была реализована по концепции которую я разберу на примере ниже.

Исходный код можно просмотреть в файле: /externalScripts.php (в корне сайта)

Рассмотрим плагин facebook Pixel. Его исходный код

    
    ')?>

Видим кучу непонятного кода, но если вникнуть и разложить по полкам получим следующие:

Сбор статистики. Сервис получает ip, cookie, время хита. Отработает раньше всех. Не зависит от работы JS.
Сразу должны появиться мысли о том на сколько коректным будет встраивание данного куска в google tag manager...
```
')?>
            
```
Далее рассмотрим функцию.
```
            
                
            
                
            
                    

            
                
```
Однако, для понимания сразу нужно кинуть взгляд на оставшуюся часть кода:
```
            
            
```
Начнем от обратного:

Сразу видим исполнение функции fbq. Скрипты плагина еще не загружены, а уже что-то исполняется и при этом работает корректно.

Секрет данного феномена зарыт в зеленом коде. Там всего лишь создается очередь из запросов которые копятся до тех пор пока не будет прогружен основной скрипт - красная зона.

Видя это понимаем важность инициализации зеленой зоны. тоесть она должна быть загружена как можно раньше. Понимая что fbq может использоваться по коду для сбора специфической пользовательской статистики.

Далее приходит понимание что загрузка основного скрипта (ее реализует красная зона) не обязательна должна быть выполнена сразу.

Еще одна хитрость. Выполнение красной зоны должно быть таким что бы она не влияла на показатели загрузки. Для этого загрузка откладывается на некоторое время (6 сек), но при этом она может быть выполнена раньше если пользователь проявит активность (к примеру дернет мышкой, или куда-то кликнет)

Раскрыты не все нюансы. Вся логика по коду.

В целом представлен подход к работе со стронними скриптами.

Вывод: необходимо максимально критично относиться к инфе из интернета, и проявлять больше компетентности, в противном случае Ваш проект рискует оказаться на плачевных позициях