Cum am obținut scor 98 pe PageSpeed

Există două tipuri de satisfacții în viața unui pasionat de sysadmin și homelab: când îți montezi ultimele HDD-uri în rack fără să-ți prinzi degetele și când vezi un scor de 98 la Performanță în Google PageSpeed Insights pe un blog self-hosted de acasă.

Să fim sinceri: n-am făcut toată nebunia asta doar ca să mă iubească roboții de la Google sau să pup algoritmul în bot pentru SEO. Am vrut pur și simplu să văd până unde pot împinge limita tehnică. Am vrut să văd dacă pot lua un site găzduit la mine pe server și să-l arunc direct în top 10% cele mai rapide site-uri din lume. Iar rezultatul a depășit până și așteptările mele: suntem oficial în top 1% ca viteză pe WordPress self-hosted!

Dacă ai mai aruncat un ochi pe aici, știi că recent am făcut marea migrare: am băgat un picior în Blogger și în hostingurile VPS plătite degeaba și mi-am mutat tot colțul de pe ‘net ACASĂ, pe propriul meu server. Dar, ca orice proiect proaspăt mutat, primele teste de viteză arătau… pitoresc.

Diagnosticul: Când pagina ta se încarcă în ritm de melc obosit

Primele rezultate au venit ca un duș rece. LCP-ul (Largest Contentful Paint, adică timpul în care browserul reușește să randeze cea mai mare imagine din ecran) era de 6.2 secunde. Șase. Secunde. Până se încărca bannerul principal din sidebar, vizitatorul avea timp să-și facă o cafea, să joace o rundă rapidă de TFT și să se întrebe dacă n-a picat netul în tot cartierul.

Scorul general? Un portocaliu obosit de 70.

Problema? Scripturi JavaScript care blocau procesorul (Total Blocking Time de aproape o secundă), imagini necomprimate care atârnau greu și clasicul lazy-loading pus fix pe imaginile care trebuiau să se încarce primele.

Terapia de șoc: Ce am modificat sub capotă

N-am avut chef de licențe complicate sau abonamente cloud care cer bani pentru orice modul. Am vrut o soluție curată, rulată direct pe procesorul meu Ryzen.

• Adio Lazy-Load pe prima ecranare: I-am spus browserului că bannerul principal și prima poză din articol sunt prioritate zero (fetchpriority="high"). N-are rost să amâni ce e direct sub nasul cititorului.

• Trecerea masivă pe WebP: Am activat conversia automatizată a tuturor imaginilor. De la PNG-uri grele de câțiva mega, am ajuns la fișiere WebP ultra-ușoare, fără să pierd un pixel din calitate.

• Amânarea JavaScript-ului (Defer & Delay): În loc să lăsăm toate widget-urile și scripturile secundare să gâfâie la pornire și să blocheze procesorul timp de 930ms, le-am pus la respect. Codul vizual (HTML/CSS) se încarcă primul, iar JS-ul își face de cap abia după ce pagina e deja afișată.

Tabloul de bord după intervenție

După ce am curățat cache-ul și am rulat din nou testul… boom:

• Performance: 98 (Verde curat!)

• Accessibility: 94

• Best Practices: 100

• SEO: 92

• Total Blocking Time (TBT): 0 ms (Zero! Procesorul nici nu simte că încarcă ceva)

• First Contentful Paint: 0.6 s

• Largest Contentful Paint: 1.1 s (De la 6.2s la 1.1s!)

Micul meu server self-hosted livrează acum paginile mai repede decât durează să dai un click. Fără abonamente lunare, fără artificii de marketing agresiv, doar optimizare ca la carte.

Morala? Dacă vrei să vezi ce poate hardware-ul tău de acasă, nu arunca cu bani în servere mai scumpe — curăță scripturile, comprimă pozele și lasă procesorul să respire!