Vocea Timișului e ziarul online al orașului nostru. Are 13.868 de articole, o redacție care publică în fiecare zi și cititori care îl deschid dimineața, la cafea, de pe telefon. Povestea de mai jos începe cu o cifră ciudată pe un server și se termină cu un ziar online care se încarcă pe verde peste tot.
Cuprins
O dimineață cu o cifră ciudată
Totul a pornit de la spațiul de pe server. Se dublase peste noapte, deși nimeni nu urcase nimic. Pe calculator, site-ul mergea bine. Pe telefon, acolo unde vin cei mai mulți cititori, pagina se lăsa așteptată, iar conținutul mai sărea din loc când te așteptai mai puțin.
Ca multe ziare online, rulează pe WordPress, cu o temă comercială de știri, un constructor de pagini și câteva pluginuri scrise de noi pentru redacție. Ne-am luat o zi, am pus o copie de siguranță deoparte și am început să tragem de fir.
Ce am descoperit pe drum
74 GB de stiluri pe care nu le folosea nimeni
Modulul de cache combina și stilurile scrise direct în pagină. Constructorul de pagini scrie stiluri puțin diferite pentru fiecare articol, așa că fiecare articol primea propriul fișier. Așa se strânseseră 41.083 de fișiere, adică 73,8 GB, toate pentru un singur ziar online. Asta era cifra ciudată de pe server.
O pagină care aștepta după 28 de fișiere
Înainte să arate primul rând de text, telefonul trebuia să descarce și să citească aproape 1,8 MB de stiluri, împărțite în 28 de fișiere. Pe o conexiune mobilă obișnuită, raportul de viteză măsura din cauza asta o întârziere de 35.540 de milisecunde.
Titluri care fugeau de sub deget
Un banner apărea în pagină abia după ce se încărcau scripturile, pe la șapte secunde, și împingea tot conținutul în jos cu vreo 165 de pixeli. Cititorul voia să apese pe o știre și ajungea pe alta. Pe lângă el, 79 de imagini nu aveau dimensiunile scrise, așa că pagina se rearanja după fiecare poză încărcată.
Mici necazuri care se adunau
O adresă de categorie scrisă greșit nu ducea la pagina de eroare, ci la un articol ales la întâmplare. Articolele plecau pe Facebook fără poză, pentru că formatul imaginilor nu se potrivea. Iar în jurnalele serverului, două grupuri de adrese citeau arhiva pe bucăți, cu o identitate de browser falsă, în timp ce un alt program căuta uși lăsate deschise.
Cum am pus lucrurile în ordine
Am oprit combinarea stilurilor scrise în pagină și cei 74 GB au dispărut. Cele 28 de fișiere de stil au devenit unul singur. Bannerul intră acum în pagină odată cu restul conținutului, iar imaginile își primesc automat lățimea și înălțimea, așa că nimic nu mai sare sub degetul cititorului. Primele poze de pe ecran se încarcă direct, fără să aștepte după scripturi.
O adresă greșită duce acum la pagina de eroare. Fiecare articol pleacă pe Facebook cu o imagine JPEG de cel puțin 1200 de pixeli. Adresele care citeau arhiva și programul care căuta uși deschise au fost blocate.
Apoi am mai stat câteva zile cu ochii pe el, am reglat pe rând ce mai era de reglat și am verificat totul pe telefon, ca un cititor oarecare.
Unde a ajuns ziarul online
| Măsurătoare | Înainte | Acum |
|---|---|---|
| PageSpeed pe telefon | între 55 și 60 | între 96 și 98 |
| PageSpeed pe calculator | nemăsurat | 99 |
| Accesibilitate, bune practici și SEO | nemăsurat | 99, 100 și 100 |
| Fișiere de stil care blocau afișarea | 28 | 1 |
| Întârziere din aceste stiluri | 35.540 ms | 1.350 ms |
| Timp de blocare a paginii | între 420 și 2.620 ms | 0 ms |
| Salt de conținut pe telefon | între 0,17 și 0,22 | 0,07 |
| Imagini fără dimensiuni | 79 | 2 |
| Spațiu ocupat degeaba | 74 GB | 0 |
Serverul răspunde acum în 20 până la 120 de milisecunde. Iar în datele adunate de Google de la cititorii reali, pe ultimele 28 de zile, toate cele trei măsurători sunt pe verde: LCP 1,7 s, INP 61 ms, CLS 0,07.
Ce rămâne după
Pentru cititor, diferența nu stă în tabel. Stă în faptul că deschide ziarul dimineața, pe telefon, iar știrea apare pe loc și rămâne unde era când vrea să apese pe ea. Pentru redacție, înseamnă că poate scrie liniștită, fără să se gândească la server. Așa ar trebui să meargă orice ziar online.
Toată lucrarea s-a făcut cu ziarul pornit, fără nicio oră de pauză, și cu o copie de siguranță înainte de fiecare modificare.
Dacă ai și tu un ziar online sau un site de știri care se mișcă greu pe telefon, vezi cum lucrăm la servicii SEO în Timișoara și la mentenanță WordPress.