Sviluppo web Blog Tutorial vari sul mondo dello sviluppo web ed internet

Web Performance Best Practices

Quando si controlla il profilo di una pagina web con Page Speed, si sottopone la pagina ad un esame di conformità definito da diverse regole.

Queste regole sono considerate generalmente le migliori da seguire (Best-Practice) per sviluppare per il web lato frontend  e possono essere utilizzate in tutti gli stadi dello sviluppo web.

Sara fornità la descrizione di tutte le regole qui, quindi se anche non si esegue il tool PageSpeed (per esempio state costruendo un nuovo sito e non siete ancora pronti) si potrà fare riferimento lo stesso alle regole di Best Practice.

Saranno forniti consigli per come implementare al meglio le varie regole ed includerle nel proprio processo di sviluppo web.

Best Practice

PageSpeed controlla le performance del sito web lato client ovvero dal punto di vista del browser, normalmente misurata come tempo di caricamento della pagina.

E' il tempo che trascorre dal momento in cui un utente richiede una nuova pagina e il momento in cui la pagina è completamente renderizzata dal browser. Le BestPractice includono molti dei passi necessari per il caricamento della pagina web, tra i quali la risoluzione di nomi DNS, il setup di connessioni TCP, inviare richieste HTTP, scaricare le risorse, il recupero/parsing di risorse memorizzate in cache, l'analisi e l'esecuzione di script, e il rendering degli oggetti sulla pagina. Essenzialmente Page Speed valuta quanto bene il vostro sito esegue questi passaggi, oppure suggerisce come eliminarli, parallelizzarli o da suggerimenti su come accorciarne il tempo di esecuzione. Le Best practice sono raggruppate in cinque categorie che ricoprono differenti aspetti dell'ottimizzazione del caricamento della pagina:

• Ottimizzazione della cache - mantenere i dati e la logica del proprio sito indipendenti dalla rete
• Riduzione dei round trip time - Ridurre il numero dei cicli di richieste al server
• Riduzione della dimensione della richiesta - Minimizzazione dei byte della richiesta
• Riduzione delle dimensioni del Payload - Minimizzazione della dimensione della risposta, dei download, e dei dati in cache
• Ottimizzazione del rendering del browser - Migliorare la fase di rendering del layout di pagina

Risorse addizionali

• Per maggiori e dettagliate informazioni di ciascuna delle best-practice descritta in queste pagine consultare Steve Souders' High Performance Web Sites e Even Faster Web Sites.
• Per eseguire codice di esempio che illustra le tecniche descritte in queste pagine andate al sito web 14 Rules for Faster-Loading Web Sites.
• Per un test eseguibile e dei risultati riepilogativi di confronto in vari browser sulle varie metriche che verranno discusse vedere Browserscope.

Articolo originale in lingua inglese

Potrebbe interessarti anche:

• Ottimizzazione della cache (1)
• Ottimizzare la grafica web – video (0)
• Minimizzazione del CSS (0)

About Alessandro

Mi interesso di web editing, seo e rich internet application