Meracie a marketingové skripty: koľko stojí každý ďalší pixel a čo s nimi

Skript tretej strany je akýkoľvek kód, ktorý váš web sťahuje z cudzej domény: meranie návštevnosti, reklamné pixely, chat, widget s recenziami, mapa, platobné tlačidlo. Každý je užitočný a každý sa do e-shopu dostal s dobrým dôvodom. Keď sa však po rokoch sčítajú, často si ich nikto nepamätá a žiadny z nich nikto nemeria.

Ako veľmi sú tretie strany rozšírené

Podľa Web Almanac 2025 načítava aspoň jednu tretiu stranu viac než 90 % stránok. Medián je 79 požiadaviek na tretie strany na mobile a 83 na počítači, pri najnavštevovanejších tisícke webov je to 106, respektíve 129. Najčastejšie ide o reklamu, analytiku a CDN a v prvej desiatke domén dominujú služby Googlu (fonty, Tag Manager, Analytics) a jediná doména mimo Googlu je Facebook s 21 % stránok. Almanac pripomína, že ide o dolný odhad, lebo časť sledovania prebieha na serveri a z prehliadača ju nevidno.

Doplňme to celkovým obrazom výkonu: mediánový čas blokovania hlavného vlákna (TBT) v teste na mobile je podľa Almanacu 1 916 ms, na počítači 92 ms. Číslo nie je výsledkom len tretích strán, ale ukazuje, že na mobile blokuje hlavné vlákno oveľa viac práce než na počítači. Pre e-shop je to dôležité: skripty, ktoré blokujú hlavné vlákno, môžu spomaliť reakciu na ťuknutie (metrika INP, dobrá hodnota je 200 ms a menej), napríklad pri výbere variantu alebo pridaní do košíka.

Kedy je tretia strana problém

Lighthouse, nástroj, ktorý poháňa PageSpeed Insights, považuje za skript tretej strany každý skript z inej domény, než je auditovaná stránka. Spočíta, ako dlho blokujú hlavné vlákno, a ak súčet presiahne 250 ms, audit zlyhá. Samotné číslo nehovorí, ktorý skript je najdrahší, preto sa oplatí pozrieť do detailu.

Ako nájsť vinníka

Google v návode na hľadanie pomalých skriptov radí tento postup:

1. V Lighthouse (karta v DevTools, mobil, iba výkon) pozrite audity „Reduce JavaScript execution time“ so zapnutým zobrazením tretích strán a „Third-party usage“, ktorý vypíše poskytovateľov (názvy auditov sa môžu líšiť podľa verzie Lighthouse; vo verzii 13 presunul Lighthouse časť týchto údajov do iných auditov).
2. V karte Network zablokujte podozrivú adresu cez „Block request URL“.
3. Stránku zmerajte so spomalením siete a procesora aspoň trikrát, pred blokovaním aj po ňom, a porovnajte mediány. Hodnoty sa pri tretích stranách môžu medzi načítaniami líšiť.
4. Ak sa nič nezmenilo, zúžte zoznam blokovaných adries, až nájdete vinníka.

Videá, mapy a chat: fasády

Vložené YouTube video, mapa alebo chatovacie okno môžu načítať množstvo skriptov ešte predtým, než ich niekto použije. Riešením je takzvaná fasáda: namiesto skutočného prehrávača alebo mapy sa zobrazí obrázok a skutočný obsah sa načíta až po kliknutí. Lighthouse podľa Web Almanac 2025 našiel príležitosť na takú fasádu na 77 % domovských stránok na počítači a 41 % na mobile. Pre e-shop to znamená, že video v popise produktu, mapa predajní v pätičke alebo chat v rohu sa dajú načítať až pri skutočnom záujme zákazníka.

Čo s nimi: odstrániť, odložiť alebo zrýchliť

Návod z web.dev z roku 2019 (číslo preto berte ako príklad, nie ako sľub) pomenúva tri základné kroky:

• Odložiť. Skripty s async sa spustia hneď po stiahnutí, skripty s defer až po spracovaní HTML. Pre meranie návštevnosti alebo widgety pod prvou obrazovkou je vhodnejší defer. Príklad z návodu: spoločnosť Telegraph po odložení všetkých skriptov, vrátane reklám a analytiky, v priemere zrýchlila načítanie reklám o štyri sekundy.
• Pripojiť sa vopred. preconnect na dôležité cudzie servery môže ušetriť 100 až 500 ms, ale spojenie, ktoré nepoužijete do 10 sekúnd, prehliadač zatvorí. Preto len na kritické domény.
• Hosťovať vlastné kópie. Skript z vlastného servera sa lepšie ukladá do cache, ale stratíte automatické aktualizácie a bezpečnostné opravy.

Shoptet: všetko cez Tag Manager

Podpora Shoptetu hovorí, že na meracie kódy je najvhodnejší Google Tag Manager a že vkladanie kódov priamo do šablóny je zastaralé a systém ho už nedovoľuje. ID kontajnera (v tvare GTM-XXXXXX) sa zadáva v Prepojenie, Google, karta Tag Manager. Vlastné kódy idú do Vzhľad a obsah, Editor, HTML kód, kde je záhlavie, pätička a časť pre dokončenú objednávku, každá s limitom 8 192 znakov. Shoptet pri nich odporúča písať adresy súborov vrátane predpony CDN, nepoužívať document.write() a ak ide o sledovanie objednávky, použiť radšej Tag Manager než sekciu „Dokončená objednávka“.

Z toho vyplýva praktická poznámka. Tag Manager je len kontajner: ak doň počas rokov pribudne desať značiek, každá z nich môže načítať ďalšie skripty z cudzích domén. Prejdite si ho aspoň raz za pol roka a vypnite značky kampaní, ktoré skončili.

WooCommerce: doplnky ako vstupná brána

Na WordPresse sa skripty tretích strán na web často dostanú cez doplnky. Oficiálna príručka výkonu radí deaktivovať a zmazať všetky nepotrebné doplnky a pri podozrení ich vypínať po jednom a sledovať, ktorý stránku spomaľuje. To sa prekrýva s postupom z DevTools vyššie a dá sa kombinovať: najprv nájdite drahý skript, potom zistite, ktorý doplnok ho vkladá.

Zoznam skriptov, ktorý sa oplatí viesť

Najlacnejšia ochrana pred návratom problému je tabuľka s jedným riadkom pre každý skript. Stačia štyri stĺpce: čo skript robí, kto ho zadal alebo potrebuje, odkiaľ sa načítava a kedy sa naposledy skontroloval. Pri každej novej kampani alebo doplnku pridajte riadok, pri skončení kampane ho vyškrtnite. Spolu s meraním pred nasadením a po ňom (stačí týždenné meranie v PageSpeed Insights) tak odhalíte skript, ktorý zrazu spomalil stránku, skôr, než si to všimnú zákazníci.

Koľko je dosť

Cieľom nie je web bez skriptov. Cieľom je, aby ku každému skriptu existovala odpoveď na otázku „čo nám prináša a komu patrí“. Skripty na meranie návštevnosti a konverzií si preto ponechajte, no za skript, ktorý nikto nepozerá, zbytočne platí každý mobilný návštevník. Súvisiace články: Rýchlosť e-shopu, Mobil: 70 % návštev a návod PageSpeed Insights: ako čítať výsledky.