Scripturile externe (chat, pixeli, hărți): cât te costă fiecare în viteză

Ai un site rapid. Ai optimizat imaginile, ai activat cache-ul, hostingul e bun. Apoi adaugi „doar” un chat pentru clienți. Și pixelul pentru reclame. Și Google Analytics. Și o hartă pe pagina de contact. Și un video de prezentare. Și widgetul cu recenzii. Și bannerul de cookie-uri.

Fiecare dintre ele pare inofensiv. Împreună, pot transforma un site care se încărca în două secunde într-unul care se mișcă greu pe telefon, mai ales în primele secunde, exact când vizitatorul decide dacă rămâne.

Aceste bucăți de cod se numesc scripturi externe (în engleză, third-party scripts): cod care nu e al tău, nu stă pe serverul tău și pe care nu îl controlezi, dar care rulează pe site-ul tău, în browserul fiecărui vizitator. În acest articol vedem ce costă fiecare, cum măsori singur impactul și cum le păstrezi pe cele utile fără să plătești cu viteza.

De ce încetinește un script extern site-ul

Când un vizitator deschide pagina, browserul lui trebuie să facă, pentru fiecare script extern, câțiva pași:

1. Se conectează la alt server. Fiecare domeniu nou înseamnă o căutare DNS, o conexiune și o negociere de securitate. Pe date mobile, fiecare dintre ele adaugă timp.
2. Descarcă fișierul. Unele scripturi sunt de câțiva kilobytes. Altele, cum sunt multe widgeturi de chat sau playerele video încorporate, aduc sute de kilobytes de cod, uneori mai mult decât restul paginii la un loc.
3. Citește și rulează codul. Acesta e pasul cel mai scump și cel mai puțin vizibil. Browserul are, în principiu, un singur „fir” principal pe care face aproape tot: afișează pagina, răspunde la click-uri, rulează scripturi. Cât timp un script extern își face treaba acolo, pagina nu răspunde.
4. Încarcă alte scripturi. Multe scripturi externe aduc, la rândul lor, alte scripturi, de pe alte domenii. Adaugi un singur cod pe site, dar browserul ajunge să încarce zece fișiere.

Pe un calculator puternic, conectat la internet prin cablu, diferența se simte puțin. Pe un telefon obișnuit, pe date mobile, adică exact cum navighează majoritatea clienților tăi, se simte mult.

Ce măsoară Google și unde lovesc scripturile externe

Google evaluează experiența pe site prin indicatorii Core Web Vitals. Scripturile externe îi afectează pe toți trei:

• LCP (cât durează până apare elementul principal al paginii): scripturile care se încarcă devreme ocupă conexiunea și firul principal, iar imaginea sau titlul principal apar mai târziu.
• INP (cât de repede reacționează pagina la click sau atingere): dacă un script rulează exact când vizitatorul apasă pe un buton, apăsarea „așteaptă”. Pe telefon, asta se simte ca un site care nu răspunde.
• CLS (cât „sare” conținutul în timpul încărcării): bannerele de cookie-uri, widgeturile de recenzii sau reclamele care apar după ce pagina s-a afișat împing conținutul în jos.

Scripturile obișnuite, pe rând

Impactul real depinde de furnizor, de setări și de site. Ce urmează sunt tiparele pe care le vedem cel mai des.

Chatul pentru clienți

Widgeturile de chat sunt, de multe ori, printre cele mai grele scripturi de pe un site. Aduc o aplicație completă în miniatură: interfață, stiluri, fonturi, conexiune permanentă cu serverul furnizorului. Și se încarcă pe fiecare pagină, pentru fiecare vizitator, deși doar puțini dintre ei deschid chatul.

Soluția: chatul se încarcă abia când e nevoie de el. Pe pagină apare doar un buton simplu, desenat local, iar scriptul real se încarcă la primul click pe buton sau după câteva secunde de la afișarea paginii. Majoritatea vizitatorilor nu observă diferența, dar pagina se încarcă mult mai repede.

Pixelii de reclame și scripturile de analiză

Pixelul pentru reclamele de pe rețelele sociale, Google Analytics, Google Tag Manager, scripturile de remarketing: fiecare e, luat separat, relativ ușor. Problema apare când se adună. Am văzut site-uri cu același cod de analiză pus de două ori (o dată din temă, o dată dintr-un plugin) și cu pixeli rămași de la campanii încheiate de un an.

Soluția:

• fă inventarul: ce coduri ai și cine le folosește efectiv;
• șterge pixelii campaniilor încheiate și codurile duplicate;
• încarcă-le doar după acordul pentru cookie-uri, ceea ce e oricum obligatoriu conform GDPR pentru scripturile de marketing;
• pentru site-urile cu bugete mari de reclame, merită discutată măsurarea conversiilor prin trimiterea datelor direct de pe server, în locul unor scripturi grele în browser.

Hărțile încorporate

O hartă interactivă pe pagina de contact arată bine, dar aduce mult cod: hărțile, butoanele de zoom, fonturile, scripturile de interacțiune. Și se încarcă de fiecare dată, chiar dacă vizitatorul vrea doar să copieze adresa.

Soluția: o imagine statică a hărții, cu un buton „Deschide în Hărți” care trimite către aplicația de hărți a telefonului. Pe mobil, e chiar mai util: omul primește direct navigația. Dacă vrei harta interactivă, ea se încarcă doar la click pe imagine.

Videoclipurile încorporate

Un video încorporat de pe o platformă de video încarcă, înainte să apeși pe play, un player complet: scripturi, stiluri, imagini, conexiuni către mai multe domenii. Pe o pagină cu trei-patru videoclipuri, impactul se multiplică.

Soluția: tehnica „fațadei”. Pe pagină apare doar imaginea de previzualizare a videoclipului, cu un buton de play desenat local. Playerul real se încarcă abia când vizitatorul apasă. Multe teme și pluginuri de performanță au această opțiune, numită de obicei lazy load pentru video sau înlocuire cu imagine de previzualizare. Bonus: videoclipul nu mai setează cookie-uri înainte ca vizitatorul să-l pornească.

Widgeturile de recenzii și feedurile de social media

Caruselul cu recenzii, feedul de Instagram de pe prima pagină, butoanele de „Like” și „Share” încărcate de la rețelele sociale: toate aduc scripturi externe, de multe ori grele, iar unele mută conținutul paginii după afișare.

Soluția: recenziile pot fi afișate ca text simplu, actualizat din când în când, cu un link către profilul unde pot fi verificate. Butoanele de distribuire pot fi simple linkuri, fără scripturile rețelelor sociale. Feedul de Instagram rareori aduce vânzări pe prima pagină, așa că merită pus sub întrebare.

Bannerul de cookie-uri

Ironic, chiar instrumentul care ar trebui să controleze scripturile externe e, la rândul lui, un script extern. Unele soluții sunt ușoare, altele aduc mult cod și împing conținutul paginii când apar.

Soluția: alege o soluție ușoară, care afișează bannerul peste conținut, fără să-l mute, și care blochează corect celelalte scripturi până la acord. Despre ce trebuie să ai obligatoriu găsești detalii în articolul despre GDPR pe site.

Fonturile încărcate de la alte servere

Fonturile încărcate de pe serviciile publice de fonturi înseamnă conexiuni în plus și, uneori, text care apare târziu sau „sare” când se schimbă fontul.

Soluția: fonturile se descarcă și se servesc direct de pe serverul site-ului, doar în grosimile folosite efectiv. E mai rapid și elimină și o întrebare de confidențialitate, pentru că adresa IP a vizitatorului nu mai e trimisă unui serviciu extern doar pentru afișarea unui font.

Instrumentele de testare și hărțile de click

Scripturile care înregistrează sesiunile vizitatorilor, hărțile de click sau testele A/B sunt utile pentru o perioadă, în timpul unei analize. Problema e că rămân instalate luni sau ani după ce nu se mai uită nimeni la rezultate. Unele dintre ele sunt și printre cele mai grele scripturi posibile, pentru că urmăresc fiecare mișcare de pe pagină.

Soluția: le activezi pentru o perioadă clară, de exemplu două-patru săptămâni, pe paginile care te interesează, apoi le oprești.

Tabelul pe scurt

Script	Impact tipic	Ce faci
Chat pentru clienți	Mare, pe fiecare pagină	Se încarcă la click sau cu întârziere
Video încorporat	Mare, pentru fiecare video	Fațadă: imagine + play
Hartă interactivă	Mare	Imagine statică + link „Deschide în Hărți”
Hărți de click, înregistrări de sesiuni	Mare	Doar pe perioade de analiză
Pixeli și analiză	Mic-mediu, crește când se adună	Inventar, fără duplicate, după acord
Recenzii, feeduri sociale	Mediu, mută conținutul	Text simplu, linkuri simple
Banner cookie-uri	Variabil	Soluție ușoară, peste conținut
Fonturi externe	Mic-mediu	Găzduite local

Cum măsori singur, în 10 minute

Nu trebuie să ghicești. Poți vedea exact ce scripturi externe ai și cât te costă fiecare.

1. Raportul PageSpeed Insights

Intră pe pagespeed.web.dev, introdu adresa site-ului și uită-te la rezultatele pentru mobil. În secțiunea de diagnostic caută mențiunile despre codul terță parte (third-party). Raportul arată fiecare furnizor, câți kilobytes aduce și cât timp ține ocupat firul principal. Fă testul pe prima pagină, dar și pe pagina de produs sau de contact. Scripturile diferă de la o pagină la alta.

2. Lista completă, în browser

În Chrome, deschide site-ul, apasă F12, mergi la fila Network și reîncarcă pagina. Sortează după coloana Domain. Tot ce nu e domeniul tău e extern. Vei fi probabil surprins câte domenii diferite apar.

3. Testul „ce-ar fi dacă”

Cel mai convingător test: în aceleași unelte pentru dezvoltatori poți bloca temporar un domeniu (click dreapta pe o cerere → Block request domain) și reîncărca pagina. Vezi imediat cum s-ar încărca site-ul fără scriptul respectiv. Blocarea e doar în browserul tău, pe moment. Site-ul nu se schimbă pentru nimeni altcineva.

Scripturile externe și securitatea

Mai e un cost, mai rar discutat: fiecare script extern e cod pe care altcineva îl poate schimba oricând. Dacă furnizorul unui script e compromis sau domeniul lui ajunge în mâinile altcuiva, codul care rulează pe site-ul tău se schimbă fără ca tu să afli. S-a întâmplat deja la scară mare: în 2024, domeniul unui serviciu popular de scripturi, folosit de peste o sută de mii de site-uri, a ajuns la un nou proprietar și a început să servească cod malițios.

Ce faci:

• păstrezi doar scripturile de care chiar ai nevoie, de la furnizori cunoscuți și activi;
• scoți scripturile rămase de la servicii pe care nu le mai folosești;
• configurezi o politică de securitate a conținutului (CSP), care spune browserului de pe ce domenii au voie să se încarce scripturi;
• pe paginile sensibile, de exemplu pagina de plată a unui magazin, ții cât mai puține scripturi externe.

Lista de verificare

Întrebări frecvente

Dacă șterg Google Analytics, pierd datele?

Datele deja colectate rămân în contul tău. Pierzi doar datele noi pe perioada în care scriptul lipsește. De aceea, în loc să-l ștergi, de obicei merită să-l încarci mai inteligent: după acord și fără duplicate.

Un plugin de cache rezolvă problema scripturilor externe?

Doar parțial. Cache-ul accelerează ce vine de pe serverul tău, dar scripturile externe vin de pe serverele altora. Unele pluginuri de performanță au însă opțiuni utile pentru ele, precum întârzierea încărcării până la prima interacțiune a vizitatorului. Atenție: aceste opțiuni trebuie testate, pentru că pot strica funcții care au nevoie de script imediat. Despre cache, în general, am scris aici.

Chatul încărcat cu întârziere nu pierde clienți?

În practică, nu. Butonul de chat e vizibil de la început, iar scriptul se încarcă în momentul în care omul apasă, de obicei în mai puțin de o secundă. Vizitatorul care vrea să scrie nu observă diferența. Toți ceilalți primesc o pagină mai rapidă.

Cât de mult contează, concret?

Depinde mult de site și de câte scripturi are. Pe site-urile cu multe scripturi externe, eliminarea celor inutile și încărcarea întârziată a celorlalte aduc adesea cel mai mare câștig de viteză pe mobil, mai mare decât multe optimizări pe server. Testul cu blocarea temporară a domeniilor îți arată exact cât ar câștiga site-ul tău.

Se aplică doar site-urilor WordPress?

Nu. Scripturile externe încetinesc la fel orice site, indiferent pe ce platformă e construit. Diferă doar locul din care le controlezi.

Concluzia, pe scurt

Fiecare script extern e o chirie pe care o plătește fiecare vizitator, în timp de încărcare. Unele merită plătite: analiza de bază, chatul folosit efectiv, pixelul campaniei care chiar rulează. Multe nu mai merită: coduri duplicate, pixeli uitați, hărți și videoclipuri care se încarcă degeaba, instrumente de analiză pe care nu le mai deschide nimeni.

Fă inventarul, șterge ce nu folosești, iar restul încarcă-l doar când e nevoie de el. Site-ul tău va fi mai rapid, mai sigur și mai aproape de GDPR, fără să renunți la nimic important.

Dacă vrei să vezi exact ce scripturi externe are site-ul tău și cât te costă, începe cu auditul gratuit WebFixer. Iar dacă vrei să ne ocupăm noi de curățenie, găsești pachetele de mentenanță pe webfixer.ro.