Le richieste HTTP sono come i browser chiedono di visualizzare le tue pagine. Quando la pagina Web viene caricata in un browser, il browser invia una richiesta HTTP al server Web per la pagina nell'URL. Quindi, mentre l'HTML viene consegnato, il browser lo analizza e cerca richieste aggiuntive per immagini, script, CSS, Flash e così via.
Ogni volta che vede una richiesta per un nuovo elemento, invia un'altra richiesta HTTP al server. Più immagini, script, CSS, Flash, ecc. La tua pagina ha più richieste saranno fatte e più lentamente le tue pagine verranno caricate. Il modo più semplice per ridurre il numero di richieste HTTP sulle tue pagine è di non usare molte (o nessuna) immagine, script, CSS, Flash, ecc. Ma le pagine che sono solo testo sono noiose.
Come ridurre le richieste HTTP senza distruggere il tuo design
Fortunatamente, ci sono diversi modi per ridurre il numero di richieste HTTP, mantenendo al contempo progetti web ricchi di alta qualità.
- Combina i file - L'uso di fogli di stile esterni e script è importante per impedire loro di impantanare i tempi di caricamento della pagina, ma non di avere più di un CSS e un file di script.
- Usa CSS Sprites - Quando si combinano la maggior parte o tutte le immagini in uno sprite, si trasformano più richieste di immagini in una sola. Quindi devi solo usare la proprietà CSS background-image per visualizzare la sezione dell'immagine che ti serve.
- Mappe di immagini - Le mappe di immagini non sono così popolari come una volta, ma quando si hanno immagini contigue possono ridurre più richieste di immagini HTTP a una sola.
Utilizzare la memorizzazione nella cache per migliorare i tempi di caricamento della pagina interna
Utilizzando gli sprite CSS e i file CSS e script combinati, è possibile anche migliorare i tempi di caricamento per le pagine interne. Ad esempio, se si dispone di un'immagine sprite che contiene elementi di pagine interne e della pagina di destinazione, quando i lettori visitano tali pagine interne, l'immagine è già stata scaricata e nella cache. Quindi non avranno bisogno di una richiesta HTTP per caricare quelle immagini nelle tue pagine interne.
