Deplasarea conținutului este fenomenul prin care pagina se rearanjează în timp ce se încarcă, iar elementul pe care voiai să apeși se mută cu o fracțiune de secundă înainte de atingere. Se măsoară printr-un indicator care ar trebui să rămână sub 0,1. Este singura problemă de performanță pe care un vizitator o poate descrie fără termeni tehnici: „mi-a sărit pagina".
Pe scurt
- Ce măsoară
- Cât de mult se mișcă elementele vizibile în timpul încărcării, raportat la suprafața ecranului.
- Prag recomandat
- Sub 0,1. Peste 0,25 este considerat slab.
- Cauze obișnuite
- Imagini fără dimensiuni, fonturi care schimbă înălțimea rândului, reclame și bannere inserate, conținut încărcat târziu.
- Exemplu real
- De la 0,224 la 0,01 pe un site de turism, prin rezervarea spațiului pentru imagini și blocuri. Detaliile sunt pe pagina proiectului Saltim.ro.
- Cât durează reparația
- De obicei câteva ore de lucru, fiindcă e mai mult atenție decât cod complicat.
Cele patru cauze, în ordinea frecvenței
Imagini fără dimensiuni declarate
Browserul nu știe cât loc să rezerve până descarcă fișierul, deci textul de dedesubt urcă, apoi coboară brusc când imaginea apare. Reparația: atributele de lățime și înălțime pe fiecare imagine, sau raportul de aspect declarat în stiluri. Nu trebuie să fie dimensiunea reală în pixeli, contează raportul.
Fonturi care schimbă înălțimea rândurilor
Pagina se afișează întâi cu fontul sistemului, apoi se reașază când sosește fontul dumneavoastră. Dacă cele două au proporții diferite, tot textul se rearanjează. Reparație: mai puține variante de font, fonturi servite de pe domeniul propriu și, unde se poate, un font de rezervă cu proporții apropiate.
Conținut inserat deasupra a ceva vizibil
Bannere de acceptare a cookie-urilor, notificări, reclame care apar după încărcare și împing pagina în jos. Reparație: spațiul rezervat dinainte sau afișarea peste conținut, nu între.
Blocuri încărcate târziu
Liste de produse, comentarii, hărți. Reparație: un loc rezervat, de înălțimea aproximativă a conținutului care urmează.
Cum măsor asta pe site-ul meu?
Orice unealtă publică de performanță raportează indicatorul, dar cel mai util este să vă uitați la datele din teren, culese de la vizitatori reali, dacă aveți suficient trafic. Diferența dintre laborator și teren este importantă: în laborator pagina se încarcă pe o conexiune constantă, iar acasă la vizitator fonturile pot sosi cu întârziere.
De ce contează dacă site-ul arată bine oricum?
Fiindcă efectul nu este estetic. Un vizitator care apasă din greșeală alt buton pierde încrederea imediat, iar pe un magazin online asta se traduce direct în comenzi neterminate. În plus, indicatorul face parte din setul de măsurători pe care Google le folosește ca semnal, deci are și un efect indirect asupra vizibilității. Este una dintre lucrările obișnuite de optimizare tehnică, alături de reducerea documentului, despre care am scris în articolul despre ce face un site lent.
