Ce înseamnă viteza, măsurabil
Nu scorul dintr-o unealtă, ci timpul dintre clic și momentul în care omul vede primul text pe ecran, pe telefonul lui, pe rețeaua lui. Un site poate avea scor bun în laborator și să fie lent în realitate, sau invers: să pară slab la test și să se comporte bine pentru vizitatori.
Ce urmărim
- Prima afișare a conținutului: cât durează până apare ceva citibil.
- Cel mai mare element vizibil: de obicei imaginea sau titlul din capul paginii.
- 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.
- Blocajul firului principal: cât timp browserul nu răspunde la atingere fiindcă execută JavaScript.
Unde se pierde de obicei timpul
Rareori în fișierul CSS, deși acolo se uită toată lumea întâi. Mai des în documentul HTML însuși, când e generat de un constructor vizual și ajunge la peste o mie de elemente, sau în resursele de la terți: hărți, chat, pixeli de urmărire, fonturi aduse de pe alt domeniu. Un plugin de cache livrează mai repede exact același document greu, pe care browserul de pe telefon tot trebuie să îl construiască.
Cum verificați singur
Deschideți pagina, apăsați Ctrl+U și uitați-vă la greutatea documentului brut. Peste 100 KB fără imagini înseamnă că problema e în structură, nu în cache.
Ce sacrificăm și ce nu
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ă.
Cum arată un rezultat bun
Prima afișare sub o secundă și jumătate pe telefon, zero deplasare a elementelor și niciun moment în care pagina nu răspunde la atingere. Sunt cifre pe care le puteți verifica singur, în orice unealtă publică, fără să ne credeți pe cuvânt.
