Partea tehnică nu ține de cum arată site-ul, ci de ce se întâmplă între clic și momentul în care vizitatorul vede primul text pe ecran. Este singura zonă din optimizare unde rezultatul se vede în două până la patru săptămâni, fiindcă motorul de căutare reaccesează paginile reparate și le reevaluează fără să aștepte semnale externe.
Pe scurt
- Ce este
- Intervenția asupra codului și a livrării, ca paginile să fie accesibile, rapide și stabile la afișare.
- Ce măsurăm
- Prima afișare a conținutului, cel mai mare element vizibil, deplasarea elementelor, blocajul firului principal.
- Cum măsurăm
- Pe telefon, cu procesorul încetinit de patru ori și rețea 4G slabă, nu pe calculatorul agenției.
- Rezultat obișnuit
- Pe propriul site: document de la 173 KB la 38 KB, elemente în pagină de la 1188 la 200, blocaj de la 306 ms la zero.
- Cui îi este util
- Site-urilor lente pe telefon, celor construite cu editoare vizuale și magazinelor cu multe pagini.
Ce înseamnă un site rapid, în cifre?
Nu scorul dintr-o unealtă, ci patru mărimi pe care le puteți verifica singur:
- Prima afișare a conținutului: cât durează până apare ceva citibil pe ecran.
- Cel mai mare element vizibil: de obicei imaginea sau titlul din capul paginii, sub 2,5 secunde.
- Deplasarea elementelor: cât sare conținutul în timp ce se încarcă, adică de câte ori riscă cineva să apese alt buton decât cel dorit. Ținta este zero.
- Blocajul firului principal: cât timp pagina nu răspunde la atingere fiindcă execută JavaScript.
Unde se pierde de fapt timpul
Rareori în fișierul CSS, deși acolo se uită toată lumea prima dată. Mai des în documentul HTML însuși, când e generat de un constructor vizual și ajunge la peste o mie de elemente. Un browser de telefon trebuie să construiască fiecare element, iar niciun plugin de cache nu ajută: cache-ul livrează mai repede exact același document greu.
A doua sursă obișnuită sunt resursele de la terți: hărți încorporate, ferestre de chat, pixeli de urmărire, fonturi aduse de pe alt domeniu. Fiecare adaugă o conexiune nouă și cod care se execută înainte ca pagina să devină utilizabilă.
Ce facem, concret
- Măsurăm înainte și păstrăm cifrele, ca discuția de peste șase luni să nu se poarte în impresii.
- Reducem documentul: eliminăm ambalajele inutile din markup și scădem numărul de elemente.
- Rezolvăm blocarea afișării: stilurile critice ajung în pagină, restul se amână.
- Dimensionăm imaginile și le rezervăm spațiul, ca să dispară deplasarea conținutului.
- Servim fonturile de pe domeniul propriu, într-un număr minim de variante.
- Punem antete de cache pentru fișierele care nu se schimbă.
- Măsurăm după și vă trimitem comparația.
Ce nu facem
Nu scoatem funcții de care aveți nevoie ca să câștigăm două zecimi de secundă. Un formular care aduce cereri rămâne, chiar dacă adaugă cod. În schimb, scoatem fără regrete ce nu folosește nimeni: animații de fundal, biblioteci încărcate pentru o singură funcție, fonturi în cinci variante din care se văd două.
Și nu instalăm un plugin de optimizare peste o problemă de structură. Dacă pagina se generează cu 1200 de elemente, soluția este să genereze mai puține.
Pe platformele care randează paginile din JavaScript, verificăm separat ce primesc motoarele de căutare: un ecran gol nu poate fi indexat. Un exemplu de comparator construit cu randare pe server este Asigurări Oneste.
Cum verific singur viteza site-ului meu?
Deschideți orice pagină, apăsați Ctrl+U și uitați-vă la câți kiloocteți are documentul brut. Dacă trece de 100 KB fără imagini, problema nu este la cache, ci în structură. Numărați apoi elementele din pagină scriind în consola browserului document.querySelectorAll("*").length: peste o mie de noduri, telefoanele mai vechi încep să se chinuie. Ambele verificări durează sub un minut și nu au nevoie de nicio unealtă plătită. Cum am ajuns la cifrele de mai sus este descris în articolul despre ce face un site lent, iar rezultatul complet se vede pe pagina proiectului migrarea goai.ro.
Optimizarea tehnică garantează creșterea pozițiilor?
Nu, și nimeni nu poate garanta asta. Viteza este un factor între multe altele, iar un site rapid fără conținut potrivit rămâne un site rapid pe care nu îl caută nimeni. Ce garantăm sunt măsurătorile: cifrele de dinainte și de după, obținute cu aceeași metodă, pe care le puteți reproduce singur.
Trebuie să îmi refac site-ul de la zero?
De obicei nu. Lucrăm pe WordPress, PrestaShop, Shopify, Magento și pe aplicații scrise la comandă. Refacerea se justifică doar când platforma nu poate fi făcută rapidă sau nu poate genera adresele de care aveți nevoie, iar atunci vă arătăm măsurătorile pe care ne bazăm, înainte să propunem cheltuiala.