Editori de ziare: trebuie să știți că un site web cu performanțe slabe pierde cititori și venituri. Acesta a fost subiectul „Nevoie de viteză 1: timpii de încărcare a ziarelor dau un sens nou„ zilei de știri lente ”” (date suplimentare în Need for Speed ​​2). Această postare vă spune ce puteți face în acest sens.

nevoia

Deci, cât de lent este site-ul dvs.?

S.U.A. ziare: teste de viteză

Acest tabel prezintă rezultatele testelor de performanță pentru majoritatea S.U.A. cotidiene și săptămânale alternative. Citește-le și plânge.

Rang: Clasament global Alexa printre toate site-urile web.
Circ.: Cifre de circulație ale editorului și editorului.
Numerele verzi sunt bune (peste medie pentru un ziar din SUA).
Portocaliile sunt medii. Roșul este rău (sub medie).
Sarcină: Timpul de încărcare a paginii WebPagetest.org; medie: 16,7 secunde.
Viteză: WebPagetest timpul de indexare a vitezei până la primul conținut; medie: 5,9 secunde. Cerere: WebPagetest total pentru toate cererile de fișiere (imagini, reclame, scripturi etc.); August: 292.
Wgt.: WebPagetest dimensiunea totală a fișierului pentru toate cererile (alias, greutatea paginii); August: 4,7 MB.
Scor: Scorul Google PageSpeed ​​pentru desktop; August: 52/100.
Scor: Scor Google PageSpeed ​​pentru mobil; August: 45/100. Mediile se bazează pe rezultatele pentru 1.455 S.U.A. ziare săptămânale alternative și zilnice Media timpului de încărcare Cereri Greutate pagină Scor GoogleS.U.A. presă:toate site-urile:
17 secunde2924,7 MB52/100
5 secunde1002,1 MB79/100
Surse: Arhivă HTTP, Google PageSpeed, WebPagetest, Pingdom Tools. (A se vedea: Need for Speed ​​2: Scufundări de date în ziar, valori și metodologii.)

„Do”, aleargă la cascade

O „cascadă” este o diagramă interactivă în timp real care arată cum se încarcă o pagină Web într-un browser. Browserul web Chrome are un instrument de cascadă încorporat. Vă arată grafic unde curge site-ul dvs. web, încetinește sau chiar se oprește, fișier cu fișier (inclusiv imagini, scripturi și foi de stil).

Acest videoclip vă arată cum să urmăriți cascada site-ului dvs. Exemplul folosește Las Vegas Sun, care se încarcă în patru secunde - rapide de clasă V ale unei cascade comparativ cu S.U.A. media ziarului de 17 secunde extrem de lente.

Există o cascadă încorporată în browserul dvs. web Chrome. Iată cum să-l urmăriți curgând:

  • În Chrome, accesați site-ul dvs. web.
  • Selectați Vizualizare> Dezvoltator> Instrumente pentru dezvoltatori (deschide fereastra Instrumente).
  • Faceți clic pe fila Rețea (lângă Elementele din fereastra Instrumente).
  • Bifați caseta Dezactivare cache (sub file).
  • Verificați pictograma clar („fără simbol” de lângă punctul roșu).
  • Reîncărcați pagina cu comanda de la tastatură: control-r (Windows)/command-r (Mac).

Ce trebuie să facă un editor?

Începeți prin a vizita împreună cu echipa dvs. web. Probabil că așteaptă aprobarea dvs. pentru a transforma scorurile dvs. Google PageSpeed ​​de la roșu lent la verde. Aceste instrumente online vă vor ajuta:

Fiecare instrument vă oferă sfaturi de performanță specifice site-ului. Urmareste-l. Dacă optimizarea imaginilor va economisi 1 MB sau chiar 100 K, faceți-o. Cititorii dvs. vor observa diferența. Iată două linii directoare:

Adunați-vă scriitorii, editorii, dezvoltatorii și designerii. Parcurgeți toate solicitările de pagină (aveți sute). Unele pot fi eliminate sau combinate? (Un fișier mare se încarcă mai repede decât mai multe fișiere mici, deoarece fiecare solicitare necesită timp suplimentar.)

Pe măsură ce parcurgeți solicitările de pagină, luați în considerare următoarele:

Solicitați mai puțin. Fii atent la ceea ce ceri. Reducerea cererilor a fost principalul factor legat de site-urile rapide în testele de viteză de mai sus. Este, de asemenea, „cel mai important ghid al Yahoo! pentru îmbunătățirea performanței”.

Slăbi. Ușurați-vă sarcina. Aflați dimensiunea fișierului pentru fiecare cerere. Cei mai grei ar trebui să primească cel mai mult control la sacrificare.

Stabiliți un obiectiv de viteză. Creați un buget de performanță. (Poate urmați exemplul Vox Media și declarați falimentul de performanță.)

Învață de la alții.

Nu este doar ceea ce solicitați, ci și cum, când și de unde. Scripturile externe care fac blocarea anunțurilor ușor încetinesc și încărcarea paginii. Cititorii dvs. nu vor fi mulțumiți dacă află jumătate din așteptarea lor (și greutatea dvs.) se datorează scripturilor slab implementate - și că își plătesc operatorul de telefonie mobilă pentru anunțurile dvs. cu încărcare lentă.

Noile pagini mobile accelerate de la Google vor spori viteza unor site-uri de știri. Nu-i lăsați să părăsească site-ul dvs. în praf. (Dimensiunea maximă a foii de stil CSS a AMP, de exemplu, este de 50 KB; CSS-ul mediu al site-urilor de ziare totalizează de aproape 10 ori mai mult decât - 444 KB.) Un alt lucru care atrage publicul în afară de viteza paginii este ceea ce colegii mei RJI Fellows numesc designul „brain friendly”.

Dar asta este o discuție pentru o postare viitoare.

Imagine de sus: Calistenie zilnică pentru marinari staționați la Școala Navală de Instruire Navală (Diesel), campusul Universității din Missouri. Fotografie din anuarul Savitar din 1943.