caricamento sito

Vi siete mai chiesti perché il vostro è un sito web lento a caricarsi? Ecco 10 dei motivi più comuni per cui il vostro sito web é lento a caricarsi, e anche i suggerimenti su come risolverli.

Avrete sentito quel proverbio che dice “chi va piano e va sano e va lontano”, ma quando si tratta delle prestazioni del vostro sito web, questa è certamente una ricetta per il fallimento.

La velocità del sito gioca un ruolo cruciale per il successo del vostro sito web. Essa influisce su una serie di metriche chiave, ad esempio, tra cui la visibilità del vostro sito e il tasso di conversione. Ottimizzare la velocità del vostro sito web è chiaramente una necessità, ma capire come farlo può essere difficile.

Fortunatamente, ci sono diversi test di velocità facilmente accessibili che potete utilizzare per determinare come le prestazioni del vostro sito si misurano. Anche se ci sono diverse ragioni per cui il vostro sito può essere lento, è possibile risolvere molti di loro con plugin gratuiti WordPress e web hosting di qualità.

Ecco quali possono essere i motivi:

2 – Problemi JavaScript alla base di un sito web lento

La disponibilità di plugin JavaScript/jQuery ha reso davvero conveniente aggiungere contenuti dinamici ai siti web per renderli funzionali e interattivi. Tuttavia, se implementati in modo non corretto, JavaScript può paralizzare la velocità di caricamento delle pagine del vostro sito web e rendere il caricamento lento.

Ci vuole tempo perché jQuery & JavaScript venga caricato, interpretato ed eseguito. Quindi, se si utilizzano più chiamate API per ottenere i dati JavaScript/jQuery, il caricamento delle pagine web può comportare un notevole ritardo.

Quando un browser cerca di visualizzare una pagina web, deve prima fermarsi e caricare completamente i file JavaScript che incontra. Questo si traduce in quello che viene chiamato “render-blocking JavaScript” o JavaScript che impedisce il caricamento rapido della pagina.

Pillole:

• Il sovrautilizzo degli script è reale. Controllate i vostri script JavaScript per vedere cosa vi serve veramente e rimuovete ciò che non vi serve.
• Il caricamento asincrono è un must.
• Considerate di usare qualcosa come Segment o Google Tag Manager. Un unico script per tutti i vostri strumenti!
• Rinviare il caricamento di JavaScript fino a quando il resto della pagina non è visibile all’utente.

• Ogni metodo ha i suoi pro e i suoi contro. In generale, JavaScript inline migliora la velocità della pagina solo se usato con parsimonia. Il caricamento asincrono può causare problemi in quanto i file non vengono caricati in un ordine particolare. Pertanto, il rinvio di JavaScript è di solito il metodo raccomandato.

3 – Troppi contenuti Flash

Anche se Flash è un ottimo strumento per aggiungere interattività al vostro sito web, è molto probabile che contribuisca alla vostra lentezza di caricamento delle pagine. Il contenuto Flash è di solito ingombrante e più grande è la dimensione del file, più lento sarà il caricamento delle pagine.

Ridurre le dimensioni dei file Flash o eliminarli del tutto migliorerebbe la velocità di caricamento delle pagine in modo significativo. Se siete disposti a rendere il vostro sito web più veloce, dovreste cercare delle alternative HTML5 per sostituire i vostri contenuti Flash esistenti.

• Pillole:

• Flash è molto ingombrante e non va bene per le prestazioni.
• Flash una volta era cool. Ora non lo è più.
• Cercate delle alternative HTML5.

4 – Eccessive richieste HTTP

Avere un sacco di JavaScript, CSS e file immagine può portare a troppe richieste HTTP. Quando un utente visita la vostra pagina web, il browser esegue diverse richieste per caricare ognuno di questi file, il che può ridurre significativamente la velocità di caricamento della pagina.

Pillole:

• Usare Sprites per ridurre le richieste HTTP
• Ridurre il numero di file sulle vostre pagine, ove possibile. Include CSS, immagini, javascript.
• Se avete diversi file CSS esterni, combinateli in uno o pochi file.
• Rimuovete i CSS esterni e usate invece i CSS in linea.

Come JavaScript inline, i CSS inline sono utili solo per piccole porzioni di codice. Se avete diversi file CSS di grandi dimensioni, non dovreste cercare di aggiungerli tutti al vostro file HTML. Specificare i tipi di supporto e combinare i vostri file CSS esterni (se ne avete più di uno) dovrebbe avere un impatto più significativo.

5 – Non sono state utilizzate le tecniche di cache

Il caching è noto per migliorare le prestazioni dei siti web. Se non stai facendo caching, ti stai perdendo qualcosa. È una tecnica che consente di memorizzare i dati utilizzati di frequente nella “memoria cache”, i browser memorizzano copie statiche dei file del vostro sito web..

Ogni successiva richiesta dello stesso contenuto viene caricata dalla memoria cache, invece di doverla ricaricare, velocizzando così l’intero processo di recupero dei dati.

Implementando il caching browser/HTTP e il caching lato server, è probabile che si verifichi un enorme miglioramento delle prestazioni del vostro sito web.

Pillole:

• Il caching migliora drasticamente le prestazioni
• È possibile mettere in cache un mucchio di cose, dall’HTTP, alle query del database, alle immagini.
• Se potete mettere qualcosa in cache, fatelo. Ma fatelo con attenzione per non rovinare qualcosa. Può essere complicato.
• Ci sono diverse soluzioni di caching disponibili per gli utenti di WordPress, tra cui l’utilizzo di un plugin di caching come WP Super Cache.

6 – Codice non pulito

Un altro colpevole comune per la lentezza del sito web è la codifica impura. Quando fai il tuo sito web, gli spazi bianchi eccessivi, gli stili in linea, le nuove linee vuote e i commenti non necessari possono far crescere il vostro foglio di stile (css) del sito web di dimensioni maggiori.

Rimuovendo questi elementi non necessari, è possibile comprimere il codice, ridurre le dimensioni del file e migliorare il tempo di caricamento complessivo della pagina. Se state monitorando le classifiche, probabilmente vedrete anche un aumento delle vostre prestazioni SEO. In termini tecnici, questo processo è noto come minifying. Se non siete a vostro agio con la codifica, ci sono diversi strumenti online che possono essere utilizzati per pulire e fare il minify dei vostri file di stylesheet. In alternativa, è possibile utilizzare strumenti di alcuni fornitori di servizi IT.

Pillole:

• Attenzione ai dettagli.
• Non siate pigri e usate i CSS in linea
• Cercate di non creare più fogli di stile CSS quando potete usarne uno solo.
• Minify!

7 – Non state utilizzando la compressione gZIP

Abilitando la compressione gZIP, si istruisce il server a compattare tutti gli oggetti web (immagini, CSS, file JavaScript ecc.) in un unico contenitore prima che vengano inviati al browser richiedente.

La compressione riduce il tempo di risposta riducendo la dimensione dei dati trasferiti tra il server e il browser dei visitatori, il che a sua volta aiuta a restituire il contenuto richiesto molto più velocemente.

Se non avete ancora abilitato la compressione gZIP sul vostro sito web, allora è la prima cosa da fare senza perdere altro tempo.

Pillole:

• La compressione gZIP è una facile vittoria in termini di prestazioni.
• Compatta tutti i vostri oggetti web (immagini, CSS, jS) in un unico contenitore da inviare al browser richiedente

8 – Troppi annunci ed il tuo sito web è lento

Senza dubbio gli annunci pubblicitari sono ottimi per monetizzare siti web ad alto traffico.

Ma questo non dovrebbe avvenire a costo di compromettere le prestazioni o l’esperienza dell’utente. Non lasciate che troppi annunci siano un’altra ragione per cui il vostro sito web è lento!

L’impatto più evidente del sovraccarico di pubblicità sul tuo sito web è l’aggiunta di richieste HTTP, che richiederebbe un tempo di elaborazione aggiuntivo.

In particolare gli annunci ricchi di media – come pop unders, interstiziali e download automatici – possono creare centinaia di richieste HTTP rendendo il tuo sito web non reattivo.

Per riassumere le cose, limitare il numero di annunci pubblicitari sul display garantirà migliori prestazioni per il vostro sito web.

Pillole:

• Gli annunci pubblicitari sono richieste HTTP aggiuntive e rallentano i tempi di caricamento delle pagine.
• Usarli solo dove è necessario, migliorerà le prestazioni, UX, e CTR ai tuoi annunci.

9 – Non state utilizzando un servizio CDN

Un servizio CDN è una rete distribuita di server indipendenti dislocati in diverse località geografiche strategiche, in grado di servire contenuti web ai visitatori con alta disponibilità e alte prestazioni.

A seconda della posizione geografica del visitatore, il contenuto richiesto viene servito dal nodo situato nel più vicino centro dati disponibile. Ciò riduce al minimo il tempo di andata e ritorno (RTT) e serve i contenuti richiesti in un tempo molto più rapido.

Pillole:

• Non è obbligatorio, ma la CDN può aiutare. Soprattutto se si hanno visitatori da tutto il mondo.
• Le cache della CDN hanno un accesso ai dati in data center geograficamente distribuiti.
• Possono aiutare a ridurre al minimo il tempo di andata e ritorno (RTT) e a servire i contenuti più velocemente per il vostro pubblico.

Ci sono diverse opzioni CDN per il vostro sito WordPress. Cloudflare è una delle soluzioni più popolari, così come il Jetpack CDN per immagini e video.

Inoltre, se il vostro sito web utilizza jQuery, potete caricarlo da un CDN al posto del vostro server web. Poiché jQuery utilizza molte meno righe di codice rispetto a JavaScript per ottenere gli stessi risultati, può essere particolarmente utile per aumentare la velocità del vostro sito. Google e Microsoft sono le due opzioni più popolari di jQuery CDN.

10 – Sito web lento a causa di Hosting scadente

Il vostro fornitore di servizi di web hosting fa una grande differenza quando si tratta di prestazioni del sito web. Sì, la velocità di caricamento delle pagine più lenta della media potrebbe non essere interamente colpa vostra.

Se avete provato a correggere tutte le cause di cui sopra, eppure il vostro sito web sembra rispondere comunque lentamente, provare a cambiare il fornitore di hosting potrebbe essere la soluzione. Cercate di scegliere un fornitore di hosting che offre servizi di ottimizzazione delle prestazioni in bundle nel prezzo del hosting.

Per esempio dovrebbe offrirvi il servizio Memcached che é ottimo per velocizzare le pagine. Ricordatevi che per farlo funzionare al meglio é necessario un plugin e in certi casi rivolgetevi all’assistenza dell’Hosting per essere sicuri che funzioni correttamente.

Una vera gestione di hosting dovrebbe includerli.

Il caricamento lento dei siti web non dovrebbe “essere un problema” se il vostro fornitore di hosting sa cosa sta facendo.

Conclusioni se hai un sito web lento

La velocità di caricamento delle pagine del sito web dipende da una serie di fattori quali immagini non ottimizzate, un elevato numero di richieste HTTP, codici ingombranti e problemi JavaScript, per citarne alcuni.

Può essere un compito difficile capire cosa esattamente sta causando il rallentamento del sito web. Non importa quale possa essere la causa alla radice, non si dovrebbe lasciare nulla di intentato per andare fino in fondo alla questione, perché il fallimento potrebbe essere la differenza tra 1000€ al mese di entrate aggiuntive.

Le prestazioni del vostro sito web e i tempi di risposta sono strettamente legati al suo successo, quindi vale la pena di cogliere ogni opportunità disponibile per migliorarlo. Capire perché il vostro sito web ha tempi di caricamento in ritardo può aiutare ad aumentare sia l’ottimizzazione per i motori di ricerca (SEO) che l’UX, con conseguente migliore visibilità e un tasso di conversione più elevato.

Anche se, idealmente, vorrete ottimizzare la velocità del vostro sito in tutti i modi che abbiamo menzionato, individuare specifiche aree di miglioramento – come l’abilitazione del caching o la compressione dei vostri file multimediali – può aiutarvi ad affrontare prima i problemi più grandi.