Domanda

Qualcuno sa come posso ridurre le dimensioni della mia pagina durante il caricamento? Come comunque posso ridurre la dimensione del mio file CSS e la dimensione del file Javascript?

È stato utile?

Soluzione

La compressione GZIP è efficace su risposte basate su testo come fogli di stile e HTML, ma non immagini.

La minimizzazione è efficace su CSS e Javascript (più su Javascript). Sono disponibili varie soluzioni a seconda della lingua e della struttura. Ciò offusca il codice inviato rimuovendo gli spazi bianchi e accorciando i nomi degli identificatori ove possibile.

La combinazione di più richieste in una riduce notevolmente la latenza, anche se non risparmia molta larghezza di banda. Si traduce in un tempo di caricamento percepito più veloce per gli utenti. È possibile combinare più file CSS in uno, il che è facile. Con le immagini, puoi usare una tecnica nota come sprites .

Altri suggerimenti

Compressore YUI è un'opzione.

YSlow è decente per avere un'idea del perché sia ??lento.

Tende a formulare raccomandazioni per siti di grandi dimensioni piuttosto che per siti di piccole dimensioni, quindi applica il buon senso.

Intendi i byte trasferiti? In tal caso, useresti compressione GZIP dell'HTML . In Apache, utilizza mod_deflate . Ci sono anche filtri servlet là fuori.

w3compiler è uno strumento che farà esattamente quello che vuoi.

Esiste un ottimo libro su questo Siti Web ad alte prestazioni . È un libro di O'Reilly che ti guida attraverso i vari passaggi degli aggiornamenti delle prestazioni lato client. Copre gli argomenti che suggerisci, tra cui le dimensioni dei file CSS e JS tra le altre cose.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top