I siti web che si caricano lentamente lasciano l’amaro in bocca non solo ai visitatori ma anche ai motori di ricerca. I siti con prestazioni scadenti scoraggiano i visitatori ricorrenti, inducono gli utenti a farlo rimbalzo fuori dalle pagine, portano a carrelli abbandonati e alla fine si traducono in classifiche inferiori nelle pagine dei risultati dei motori di ricerca (SERP). Questa guida spiega come ottimizzare le prestazioni del tuo sito web sia per i siti normali che per i siti mobili.

La velocità del sito web è misurata dal tempo impiegato per caricare una pagina web. Secondo Google, una tipica pagina su un sito di e-commerce dovrebbe caricarsi in due secondi o meno. SEMRush, uno sviluppatore di strumenti per l’ottimizzazione dei motori di ricerca (SEO), fa eco a questo sentimento. Secondo SEMRush, il 25% dei siti web si carica in più di 5 secondi, il 50% si carica in più di 3 secondi e il 75% impiega più di 2 secondi.

Che cos’è l’ottimizzazione delle prestazioni del sito web?

La frase ottimizzazione delle prestazioni del sito Web è definita come il miglioramento del tempo di caricamento delle pagine su un sito Web e delle tecniche necessarie per velocizzare il caricamento delle pagine. La velocità di caricamento di una pagina Web è misurata dal tempo necessario affinché una pagina venga visualizzata sul front-end di un sito Web dopo essere stata richiesta dal server. Ciò include tutti gli elementi sulla pagina Web, inclusi testo, immagini, annunci display, video e cose che si verificano dietro le quinte, come il caricamento di caratteri speciali, l’attivazione di JavaScript e qualsiasi altro elemento di una pagina Web .

Questo vale sia per i normali siti Web a cui si accede da un desktop o laptop, sia per i siti Web a cui si accede tramite tablet e dispositivi mobili. In effetti, è discutibile che i siti a cui si accede dai telefoni cellulari siano importanti tanto quanto le loro controparti desktop. Almeno il 50% di tutte le visualizzazioni del sito Web, in alcuni casi, viene fornito tramite un dispositivo mobile.

Ottimizzazione delle immagini del sito web

Un fattore importante nel tempo di caricamento complessivo della pagina riguarda il caricamento dell’immagine. Immagini grandi e pesanti fanno sì che le pagine web vengano caricate più lentamente. La compressione delle immagini è un modo per risolvere questo problema. Se il tuo sito web è stato creato con un sistema di gestione dei contenuti (CMS) come WordPress o Shopify, allora sei fortunato: esistono plugin ed estensioni che possono aiutarti a comprimere le immagini. Se esegui un sito Web di file flat utilizzando HTML, CSS e JavaScript, sono disponibili strumenti online per la compressione delle immagini che puoi utilizzare. Inoltre, puoi utilizzare attributi di immagini reattive HTML: segreto e dimensione – che consentono di regolare le dimensioni dell’immagine in base alle impostazioni di visualizzazione dell’utente.

Esempi di strumenti di ottimizzazione delle immagini per i siti Web includono Kraken, Piccolo PNG, e Compressor.io.

Un altro modo per evitare problemi di caricamento dovuti alle dimensioni dell’immagine è provare a ridimensionare le foto di grandi dimensioni prima per caricarli, invece di ridimensionarli dopo che sono nel tuo sistema.

Utilizza una Content Delivery Network (CDN) per ottimizzare il tuo sito web

Le reti di distribuzione dei contenuti (CDN) sono gruppi di server distribuiti geograficamente in tutto il mondo. Il loro scopo è fornire contenuti ai visitatori del sito Web in base a dove si trovano nel tentativo di ridurre il carico del server sui siti Web. I contenuti che possono essere trasferiti tramite CDN includono pagine HTML, file JavaScript, fogli di stile CSS, immagini, contenuti audio e video. Siti popolari come Facebook e Netflix sono due ottimi esempi di siti Web che si basano su CDN per la consegna dei contenuti e l’ottimizzazione della velocità del sito web.

Rmielnic su Wikipedia in inglese, CC BY-SA 3.0 , tramite Wikimedia Commons

Non confondere i CDN con gli host web; il tuo sito web dovrà comunque essere ospitato tramite il tuo server web o tramite un host come GoDaddy o BlueHost. I CDN utilizzano la memorizzazione nella cache per ridurre i requisiti di larghezza di banda e le risorse su un sito Web. Oltre a migliorare i tempi di caricamento del sito Web, i CDN aiutano nei seguenti modi:

  • Riduci i costi della larghezza di banda.
  • Rende i contenuti più disponibili e aiuta a ridurre i problemi con la funzionalità del sito web.
  • Può aiutare a proteggere la sicurezza del tuo sito web mitigando gli attacchi DDoS e altre vulnerabilità.

Le reti di distribuzione dei contenuti più diffuse includono CDN di Microsoft Azure, Amazon Cloudfront, Google Cloud CDN, e Cloudflare CDN.

Memorizzazione nella cache per l’ottimizzazione del sito web

La memorizzazione nella cache è un modo per archiviare una versione temporanea di un sito Web. Questa versione temporanea viene offerta alle persone che visitano il tuo sito Web senza la necessità di richiedere tutto il contenuto dal tuo server. Il risultato finale di questo è un caricamento più veloce del browser e un carico ridotto del server. Esistono plugin ed estensioni per la memorizzazione nella cache per i sistemi di gestione dei contenuti. I provider di hosting in genere offrono anche servizi di memorizzazione nella cache, come bonus o con un costo aggiuntivo.

Riduci le richieste HTTP e la minimizzazione

Le richieste HTTP si verificano quando i file JavaScript e CSS vengono “recuperati” dal browser dell’utente. JavaScript e CSS aggiungono funzionalità e formattazione ai siti Web, il che è fantastico, ma rallentano anche i siti Web, quindi usali con parsimonia. C’è anche un processo noto come minificazione, che comporta la rimozione di tutto ciò che non è necessario per il caricamento della pagina incluso nei file HTML, CSS e JavaScript. Ciò può includere uno spazio vuoto in eccesso nei file di codice, nuove righe e commenti sul codice in eccesso. Questo non vuol dire che non dovresti ancora aggiungere commenti al tuo codice – dovresti assolutamente – tuttavia, fai in modo che i tuoi commenti siano concisi.

Se gestisci un sito Web basato su CMS o un sito di e-commerce costruito su un framework di sviluppo web, assicurati di eliminare eventuali plug-in ed estensioni non necessari o inutilizzati che potrebbero anche rallentare il caricamento del tuo sito web. Questi plug-in obsoleti, inutilizzati e non necessari ti lasciano anche aperto all’hacking e allo sfruttamento, poiché, nel tempo, gli hacker imparano come trovare buchi in questi plug-in di terze parti e possono utilizzarli per accedere al tuo sito Web o lasciare codice dannoso.

Se ti affidi ai caratteri web, tieni presente che anche questi sono una forma di richieste HTTP. Un modo per utilizzare i caratteri web senza essere un peso per le prestazioni del tuo sito web è essere certi di utilizzare solo gli stili necessari per il tuo sito e non l’intera famiglia di caratteri. Cerca anche di non usare troppi caratteri web.

Risolvi pagine interrotte e 404

Le pagine interrotte su un sito Web causano molti problemi. In primo luogo, gli utenti si sentono frustrati e perdono la fiducia quando incontrano una pagina che è rotta o non esiste più. Google disapprova anche le pagine interrotte e i 404, che possono influire sul posizionamento di una pagina nelle SERP. Inoltre, anche se queste pagine non esistono più o sono interrotte, generano comunque una richiesta al server e, pertanto, possono essere un fattore che contribuisce a un sito Web a caricamento lento, poiché consumano le risorse del server. Correggi e rimuovi eventuali pagine danneggiate e controlla regolarmente il tuo sito web per trovarle.

Se utilizzi i reindirizzamenti sui tuoi siti Web, prova a limitare il numero di essi esistenti. Sicuramente usali, ma fai attenzione alle catene di reindirizzamento e ai loop di reindirizzamento, poiché possono, ancora una volta, fare più richieste dal server.

Blocco del rendering e caricamento lento

Il contenuto che blocca il rendering si riferisce al contenuto che viene caricato prima che il browser possa caricare il resto di una pagina web. L’HTML ne è un esempio, sicuramente necessario. Quello che vuoi cercare è il contenuto che blocca il rendering che non è necessario o critico per la pagina. Se hai JavaScript o CSS che non sono necessari, considera di spostarli in fondo alla pagina o nel piè di pagina. Questo tecnicamente non renderà il caricamento del tuo sito più veloce, ma lo farà apparire per caricare più velocemente.

Questo perché l’utente non può vedere JavaScript o CSS, anche se deve attendere che venga caricato. Gli elementi che potrebbe bloccare, tuttavia, potrebbero includere testo, immagini, video e così via. Spostando JavaScript e CSS non essenziali nella parte inferiore della pagina, assegna la priorità agli elementi visibili, dando l’illusione di un caricamento veloce della pagina, che può essere cruciale per mantenere gli utenti interessati ai tuoi contenuti e ridurre i rimbalzi.

Ciò è particolarmente importante per le versioni mobili dei siti.

Il caricamento lento è un processo di pensiero simile, relativo solo all’applicazione dello stesso principio alle immagini. Eventuali immagini non importanti possono essere relegate al caricamento quando entrano nella visualizzazione dell’utente di determinati immobili del sito Web. Se il tuo sito web è basato su un CMS, ci sono plugin ed estensioni che possono aiutarti con il caricamento lento.

Monitorare le prestazioni del sito web

Non saprai mai se c’è un problema con il tuo sito web a meno che non lo provi attivamente e frequentemente. La semplice visita nel tuo browser web non è sufficiente, poiché altri problemi non correlati possono determinare se una pagina viene caricata lentamente sul tuo computer o meno. Sono disponibili strumenti per aiutarti non solo a dire la velocità di caricamento della pagina del tuo sito e delle singole pagine del tuo sito, ma anche strumenti per sviluppatori web che possono dirti se esistono problemi all’interno del tuo sito web.

Page Speed ​​Insight di Google è solo uno strumento del genere. Ti consente di conoscere il tempo di velocità di caricamento della pagina per le versioni mobile e desktop del tuo sito web. Si suddivide un elenco di suggerimenti e quanto tempo potrebbe risparmiare il tuo sito se implementassi tali ottimizzazioni della velocità del sito web. Pingdom e GTmetrix offrono anche strumenti per il test di ottimizzazione della velocità del sito web.

Source link

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.