Синхронне та асинхронне програмування
Рекомендується використовувати АП JavaScript, завантаження для всіх тегів і коду постачальника з нього. Це забезпечує найкращу сумісність з найбільшою кількістю постачальників. Таке розміщення надає всім тегам постачальників найбільшу можливість завершити відстеження, перш ніж відвідувач перейде на наступну сторінку.
Синхронна завантаження відбувається, коли браузер повинен зупинити рендеринг сторінок, щоб завершити виконання коду JavaScript. Якщо він виявляє синхронний тег JS, то блокує відображення сторінки до завершення виконання коду. Це аналогічно тихоходному вантажівки на дорозі з однією смугою руху, який уповільнює рух за ним. Сучасні веб-сайти відійшли від цього методу, бо він представляє прямий ризик затримки часу завантаження сторінки.
Недоліком цього методу є те, що весь сайт блокується від початку до повного завантаження тега. І хоча постачальники тегів укладають угоди про рівень обслуговування протягом терміну їх доставки, на продуктивність можуть впливати кілька факторів. До них відносяться повільне час відгуку, пов’язане з постачальниками, ведення непотрібних серверів додатків в гібридну модель клієнт-сервер і повільний інтернет-трафік. Якщо користувач завантажує теги синхронно, рекомендується переконатися, що у постачальника час відгуку складає 100 мілісекунд (мс) або швидше.
Програмування синхронної і асинхронної обробки даних через API – це інтерфейси прикладного програмування, які повертають дані для запитів або відразу, або, відповідно, пізніше. Синхронні і асинхронні API надають спосіб робити негайні або заплановані запити ресурсів, даних або послуг, коли вони доступні. Сучасний метод, прийнятий для сайтів, полягає в асинхронної завантаженні тегів.
У цьому методі код JavaScript обробляється паралельно з іншим вмістом сторінки. Це означає, що навіть якщо тег постачальника повільно реагує або завантажується, він не буде сповільнювати роботу іншій частині сторінки. Використовуючи цей підхід, можна не тільки розділяти теги JavaScript, завантажувані незалежно один від одного, асинхронний метод мінімізує вплив завантаження зовнішніх файлів JS на процес рендеринга сторінок.
