Quali sono i metodi più efficaci per ridurre la larghezza di banda di cui un sito Web ha bisogno per eseguire il rendering di una pagina?
Cache aggressiva? Minimizzare JS / CSS? Gzip? CMS? Sprites?
Quali sono i metodi più efficaci per ridurre la larghezza di banda di cui un sito Web ha bisogno per eseguire il rendering di una pagina?
Cache aggressiva? Minimizzare JS / CSS? Gzip? CMS? Sprites?
Risposte:
Alcuni metodi di base facilmente implementabili da qualsiasi sito Web:
deflate
o gzip
se il browser che ha effettuato la richiesta lo supporta.Un po 'più coinvolto:
Usa gli sprite che vengono generati automaticamente . Uno sprite è una singola immagine contenente più icone o altre piccole immagini; quindi scegli quale immagine mostrare con la background
proprietà CSS . Esempio .
Il vantaggio è che il client effettua meno richieste HTTP (che hanno un sovraccarico).
Ho osato "automaticamente" perché se stai facendo queste cose manualmente non ne vale assolutamente la pena e rende la manutenzione del codice un incubo. Di solito farlo automaticamente significa scrivere uno script personalizzato, motivo per cui è un po 'più "coinvolto",
Google ha delineato e spiegato i loro consigli per ridurre al minimo le dimensioni del carico utile . Includono le seguenti tecniche:
Questi suggerimenti fanno parte del loro progetto open source Firefox / Firebug chiamato Page Speed . Simile al plugin YSlow di Yahoo! L'attuale componente aggiuntivo Velocità pagina verificherà molte più ottimizzazioni di quelle spiegate in dettaglio nell'elenco. Vengono inoltre presentate le istruzioni per l'utilizzo della velocità della pagina.
Le migliori pratiche di Yahoo! per accelerare il tuo sito web identificano un insieme simile di migliori pratiche:
(L'elenco di Yahoo! È lungo ~ 35 articoli, non c'è bisogno di citarlo nella sua interezza.)
Sia YSlow (collegamento immagine) che Velocità pagina (collegamento immagine) ti permetteranno di eseguire test sulle tue pagine, suggerendo cose che puoi fare e mostrandoti cosa, dei loro consigli, è già implementato.