Le richieste HTTP sono il modo in cui i browser chiedono di visualizzare le tue pagine. Quando la tua pagina web viene caricata in un browser, il browser invia una richiesta HTTP al server web per la pagina nell'URL. Quindi, quando 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. che la tua pagina ha più richieste verranno fatte e più lentamente le tue pagine verranno caricate. Il modo più semplice per ridurre il numero di richieste HTTP sulle tue pagine è non utilizzare molte (o nessuna) immagini, 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 progetti web ricchi e di alta qualità.
- Combina file – Usando fogli di stile esterni e gli script sono importanti per impedire loro di rallentare i tempi di caricamento della pagina, ma non hanno più di un CSS e un file di script.
- Usa sprite CSS CSS – Quando combini la maggior parte o tutte le tue immagini in uno sprite, trasformi più richieste di immagini in una sola. Quindi usi semplicemente la proprietà CSS background-image per visualizzare la sezione dell'immagine che ti serve.
- Mappe immagine – Le mappe di immagini non sono così popolari come una volta, ma quando si dispone di immagini contigue possono ridurre più richieste di immagini HTTP a una sola.
Usa la memorizzazione nella cache per migliorare i tempi di caricamento delle pagine interne
Utilizzando sprite CSS e file CSS e script combinati, puoi anche migliorare i tempi di caricamento delle pagine interne. Ad esempio, se hai un'immagine sprite che contiene elementi di pagine interne oltre al tuo landing page, quindi quando i tuoi lettori vanno a quelle pagine interne, l'immagine è già scaricata e nel cache. Quindi non avranno nemmeno bisogno di una richiesta HTTP per caricare quelle immagini sulle tue pagine interne.