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

Web Performance by Google

Traduzione in italiano dei testi di Google Code che descrivono le Best Practice da considerare nella creazione delle pagine web. Queste best practice sono analizzate dal tool Page Speed di Google disponibile per Firefox e Chrome come plugin.

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

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

Il link originale al documento in lingua inglese è questo: http://code.google.com/intl/it/speed/page-speed/docs/rules_intro.html

Per la navigazione all'interno del sito segue la struttura del documento aggiornata man mano che gli articoli vengono tradotti (da me...) e pubblicati:

Web Performance Best Practices

0  Introduzione

1  Ottimizzazione della cache
1.1 Fare leva sulla cache del browser
1.2 Fare leva sulla cache del proxy

2 Minimizzazione dei tempi di round-trip
2.1 Minimize DNS lookups
2.2 Minimize redirects
2.3 Avoid bad requests
2.4 Combine external JavaScript
2.5 Combine external CSS
2.6 Optimize the order of styles and scripts
2.7 Parallelize downloads across hostnames

3 Minimize request overhead
3.1 Minimize request size
3.2 Serve static content from a cookieless domain

4 Minimize payload size
4.1 Enable compression
4.2 Rimozione delle regole CSS non utilizzate
4.3 Minify JavaScript
4.4 Minimizzazione del CSS
4.5 Minimizzazione dell'HTML
4.6 Defer loading of JavaScript
4.7 Optimize images
4.8 Ridimensionare correttamente le immagini
4.9 Serve resources from a consistent URL

5 Optimize browser rendering
5.1 Use efficient CSS selectors
5.2 Avoid CSS expressions
5.3 Put CSS in the document head
5.4 Specify image dimensions
5.5 Specify a character set early