Come ridurre le richiesta HTTP del tuo sito internet
L'80% del tempo che impiega un utente a caricare la pagina è dovuto al front-end. La maggior parte di questo tempo è legata a scaricare tutti i componenti nella pagina: immagini, fogli di stile, script, Flash, ecc Ridurre il numero di componenti, a sua volta si riduce il numero di richieste HTTP necessarie per il rendering della pagina.
Un modo per ridurre il numero di componenti nella pagina è legato alla progettazione della pagina. Ma c'è un modo per costruire pagine con contenuti più ricchi ottenendo anche tempi di risposta veloci? Qui ci sono alcune tecniche per ridurre il numero di richieste HTTP.
File combinati sono un modo per ridurre il numero di richieste HTTP, combinando tutti gli script in un singolo script, e, analogamente, combinando tutti i CSS in unfoglio di stile unico. L'unione di file è più difficile quando gli script e fogli di stile variano da pagina a pagina.
Sprites CSS è il metodo preferito per ridurre il numero di richieste di immagini. Combina le immagini di sfondo in una singola immagine e utilizza il CSS background-image e la proprietà background-position per visualizzare il segmento dell'immagine desiderata.
Le mappe immagine permettono di combinare più immagini in un'unica immagine. La dimensione complessiva è circa lo stesso, ma riducendo il numero di richieste HTTP accelera la pagina. Le mappe immagine funzionano solo se le immagini sono contigue nella pagina, come ad esempio una barra di navigazione. Definire le coordinate delle mappe immagine può essere noioso e soggetto a errori. L'utilizzo delle mappe immagine per la navigazione non è accessibile troppo, quindi non è raccomandato.
Ridurre il numero di richieste HTTP nella pagina è il punto di partenza. Questa è la linea guida più importante per migliorare le prestazioni per i visitatori. Molto importante è l'utilizzo della cache del browser, circa il 40-60% dei visitatori giornalieri del tuo sito entrano con una cache vuota. Fare una pagina veloce per questi visitatori la prima volta è la chiave per una migliore esperienza utente.
Cosa ne pensi? Hai qualche tool da consigliare?
