Am luat un site lent și l-am reparat în ordinea asta

Site-ul unui client se încărca în aproximativ nouă secunde pe telefon, pe conexiune 4G medie. Clientul plătea reclame care trimiteau oameni pe el.

Nu am pornit cu o auditare de 20 de pagini. Am luat pagina care primea cel mai mult trafic plătit și am reparat lucrurile în ordinea greutății lor.

Imaginile, primul lucru

Șase imagini, toate JPG, cea mai mare de peste 4 MB, toate afișate la o lățime de câteva sute de pixeli. Cineva le urcase direct de pe telefon prin panoul de administrare.

Le-am redimensionat la mărimea reală de afișare, convertit în WebP, pus dimensiunile în cod ca să nu sară layoutul, iar tot ce era sub prima ecranare l-am lăsat să se încarce mai târziu. Doar pasul ăsta a tăiat cea mai mare parte din timp.

Aici nu e nimic inteligent. E întreținere. Și e prima cauză în majoritatea site-urilor lente pe care le-am văzut.

Fonturile

Trei familii de fonturi, cu șapte grosimi, încărcate de pe un server extern. Am păstrat două grosimi, le-am mutat pe serverul propriu, le-am preîncărcat pe cele folosite în prima ecranare și am pus un font de sistem ca rezervă, ca textul să apară imediat.

Efect secundar plăcut: designul nu s-a schimbat vizibil. Nu merită să ții șapte grosimi de font pentru un site de firmă. Nimeni din echipa clientului nu a observat că lipsesc cinci grosimi.

Scripturile de la terți

Partea cea mai neplăcută, pentru că aici trebuie să spui „nu” unor lucruri pe care le-a cerut cineva.

Găsit: două sisteme de analiză, un chat, un widget de recenzii, un banner de cookie-uri prost implementat și un plugin de galerie care încărca o bibliotecă întreagă pe fiecare pagină. Chatul avea, în ultimele trei luni, patru conversații.

Am scos chatul și widgetul de recenzii, am înlocuit galeria, am amânat încărcarea sistemului de analiză. Bannerul de cookie-uri a rămas, dar rescris.

Găzduirea

Ultimul pas, nu primul. Mutarea pe o găzduire mai bună ajută, dar nu repară imagini de 4 MB — le livrează doar puțin mai repede.

Ce am schimbat: server mai apropiat de utilizatori, cache activat corect, compresie. Și am scos un modul de securitate care adăuga întârziere la fiecare cerere.

Ce nu am reparat

Un calculator interactiv de pe pagina de servicii, făcut de altcineva, care aducea cereri bune și încărca greu. Am hotărât împreună cu clientul că merită păstrat cum e până apare buget să fie rescris. Nu orice problemă tehnică se rezolvă acum, iar cât de mult te încetinește depinde de cât trafic vine de pe telefon.

Și o observație onestă: scorurile din instrumentele de măsurare oscilează între rulări. Le folosim ca direcție, nu ca notă. Ce ne interesează mai mult e dacă utilizatorii de pe telefon ajung la formular și dacă rata de abandon scade.

Dacă vrei să știi de ce e lent site-ul tău, ne uităm la o pagină și îți trimitem lista în ordinea în care am lucra.

Ce reparăm întâi, și cât costă în timp de lucru

Ordinea nu e după cât de spectaculos arată în raport, ci după cât câștigi pe unitatea de efort.

Ultimul rând e cel pe care îl vând mulți ca soluție universală. La site-urile pe care le-am reparat noi, găzduirea era problema principală mai rar decât se crede.

Ce măsurăm, și de ce nu ne uităm doar la scor

Scorul din instrumentele de test variază între rulări, mai ales pe mobil. Ne uităm la el, dar decizia o luăm după ce deschidem site-ul pe un telefon mediu, pe conexiune mobilă, și numărăm secundele până putem citi ceva.

Un scor de nouăzeci pe un site care sare cu conținutul sub degetul utilizatorului nu înseamnă că e reparat.

Ce nu atingem, chiar dacă ar da câteva puncte

Nu scoatem urmărirea conversiilor ca să câștigăm la scor, pentru că atunci clientul nu mai știe de unde vin cererile. Nu scoatem nici fonturile de brand doar pentru viteză, dacă identitatea firmei ține de ele. Compromisurile astea le discutăm cu clientul, nu le luăm noi în locul lui.

Ce nu am putut repara

Pe un site cu un modul de rezervări de la un furnizor extern, am rămas cu un script greu pe care nu aveam cum să-l amânăm complet. Am câștigat ce se putea în jurul lui și i-am spus clientului limita clar, în loc să promitem un scor perfect.

Dacă ai un site care se încarcă greu pe telefon, îl testăm și îți trimitem lista în ordinea în care am lucra.