3 cose che influenzano notevolmente il caricamento del tuo sito web.


Se tu dovessi fare una ipotesi di cosa potrebbe influire in maniera considerevole sulla velocità di caricamento del tuo sito web cosa risponderesi? escludendo librerie JavaScript fondamentali come JQuery, fogli di stile CSS e ovviamente il contenuto in HTML.

Facendo qualche prova sono venuti fuori alcuni risultati interessanti.

Like box di Facebook:

Il like box di Facebook una volta implementato richiamerà nella tua pagina web cinque file .js di cui il più grande di circa 27 Kb, cinque file CSS di cui il più grande 5kb circa, più le immagini dei profili delle persone che hanno fatto “like” sulla tua pagina FB,
Tutto questo puà influire sul caricamento della pagina web fino a 2 secondi.

Le pubblicità:

Le pubblicità sono un elemento un pò a sorpresa, possono essere infatti estremamente leggere come molto pesanti da caricare, questo perchè molto dipende dal contenuto che propone e quindi sostanzialmente da chi ha deciso di realizzare il banner e inserirlo nel circuito pubblicitario.
Prendiamo l’esempio di Google Adsense, lo script che va inserito nella pagina web per caricare un banner pubblicitario di dimensioni 768x90px inserirà nella tua pagina web cinque file .js, dei contenuti in HTML perà di scarso peso e ovviamente il contenuto del banner pubblicitario che potrebbe essere una semplice immagine statica, un video, oppure un filmato in flash che, però, se ottimizzati in modo adeguato possono non influire particolarmente.

Le immagini:

Può sembrare banale ma le immagini possono influire sul parametro velocità anche più dei due elementi citati sopra, per esempio su FMDesignBlog, nella home, sono presenti circa 30 immagini, tra anteprime di post, icone, logo e immagini dei circuiti pubblicitari, che possono influire da 2 ai 4+ secondi sul caricamento della pagina, per poter gestire al meglio le immagini è consigliabile:

  1. Inserirle in una cache, alcune fortunatamente vengono inserite automaticamente dai browser.
  2. Raggrupparle, specialmente le icone, in una singola immagine e usare la tecnica CSS sprites per inserirle nella pagina web.
  3. Usare tool come Smush.it oppure JPEG mini per ridurne il peso in KB senza perdere la qualità dell’immagine.

Conclusione

Quelli sopra sono tutti componenti fondamentali o comunque di uso comune in una pagina web e per quanto possano rallentare il caricamento di una pagina web rimangono molto, molto utili, la cosa migliore da fare non è certo quella di eliminarli ma piuttosto cercare di ottimizzarli.

Info sull' autore:
Nato a Bologna, mi occupo della realizzazione grafica e dello sviluppo front-end di siti web e sono il fondatore di questo blog. Se vuoi segnalare qualche problema o hai qualche richiesta particolare invia una mail tramite il modulo contatti.
Leggi gli altri articoli di

Ancora nessuna risposta per 3 cose che influenzano notevolmente il caricamento del tuo sito web.

Lascia un commento

Trackbacks