Come web designer, sai già che un grande design è essenziale per un sito web: è il concetto di design di cui ti fidi, a meno che un sito Web non sia assolutamente sorprendente, sarà difficile per i nuovi visitatori fidarsi di quel sito. Ecco come è essenziale un grande design per un sito web.

Tuttavia, c'è un'altra parte essenziale di avere un sito web affidabile, l'UX positivo che viene fornito con un sito Web veloce e scattante.

Dopo un grande design, la velocità è uno dei fattori più importanti che contribuiscono al successo di un sito web.

Ma perché la velocità è così importante?

Il importanza di un sito web veloce è stato ricercato più e più volte.

I siti che non sono abbastanza veloci creano una percezione negativa, con il tempo di caricamento effettivo di un sito che influisce in modo significativo sui tassi di conversione dei siti web.

Poiché il tempo di caricamento aumenta e aumenta, il tasso di conversione diminuisce in modo significativo, con il tasso di conversione ottimale che si verifica in un tempo di caricamento della pagina di 2,4 secondi.

Che cos'è un CDN e in che modo può velocizzare i miei siti?

Mentre ci sono molti vantaggi nell'utilizzo di una CDN di cui parleremo a breve, c'è una premessa di base su come una CDN rende più veloce il tuo sito.

In poche parole, un CDN è molto meglio equipaggiato come una rete per gestire il traffico di un sito Web rispetto alla maggior parte dei servizi di hosting.

L'hosting condiviso è in genere ottimizzato per fornire un ambiente stabile in cui il tuo sito web può eseguire PHP o altri ambienti di hosting popolari.

Non è orientato all'ottimizzazione per la maggior parte delle volte.

D'altro canto, l'obiettivo principale di un CDN e l'effettiva configurazione dell'infrastruttura sono orientati a fornire un sito web fulmineo.

Ma come fa un CDN a velocizzare il mio sito?

In che modo l'infrastruttura di una CDN accelera il tuo sito

Ci sono alcuni motivi per cui il tuo sito web potrebbe essere lento:

  • il tuo server di hosting condiviso è sopraffatto e risponde lentamente;
  • le immagini e i contenuti del tuo sito sono grandi e richiedono molto tempo per essere scaricati;
  • il tuo sito web utilizza troppi script e immagini diversi che non sono ottimizzati per un sito web di caricamento rapido;
  • la posizione del server del tuo sito si trova in una regione geograficamente diversa rispetto ai visitatori del tuo sito web.

Ci sono altre ragioni, ma queste sono le principali.

Puoi indirizzare ognuno di questi individualmente, ci concentreremo principalmente su questi ultimi due qui ...

Il tuo server di hosting condiviso è sopraffatto e risponde lentamente

I server di hosting condivisi non sono pensati per essere veloci. Sono pensati per essere accessibili.

L'economia dell'hosting condiviso significa che per ridurre i costi, il numero di diversi siti Web ospitati sullo stesso server è molto alto.

Ciò significa che ogni volta che qualcuno visita il tuo sito Web, il server di hosting è in competizione per le risorse con TUTTI i siti Web ospitati sul sito, il che significa che in genere richiede più di un secondo per iniziare a servire il tuo sito web.

Ora, quando stiamo parlando di creare un sito Web, una penalità di secondo prima di iniziare a fare ottimizzazioni è un modo terribile di iniziare.

Quindi un paio di raccomandazioni:

  1. Se il tuo sito web è ospitato su WordPress, devi trovare a società di hosting WordPress affidabile , con ottime recensioni, che non è economico.
  2. Optare per un piano di pagamento più alto, idealmente un VPS , in modo tale che il tuo sito disponga di risorse sufficienti e non sarà in concorrenza con centinaia di altri siti

Le immagini del tuo sito sono grandi

Uno dei maggiori impatti che il tuo sito può avere in termini di tempo di caricamento, in genere proviene dalle immagini ospitate sul tuo sito.

Troverai molti blog che pubblicizzano il valore dell'uso di immagini nel tuo sito web e blog e, naturalmente, questo è un eccellente consiglio.

Le immagini sono necessarie per suddividere grandi pezzi di testo e renderli più leggibili.

Chi non ha ancora sentito parlare della frase: "Un'immagine vale più di mille parole"

Sì, le immagini sono vitali per il successo del tuo sito.

Tuttavia, hanno uno svantaggio.

Le immagini non ottimizzate possono uccidere il tempo di caricamento del tuo sito.

Ora, in un mondo ideale, adottiamo l'approccio consigliato per salvare ogni file in un formato web-friendly, ottimizzando le immagini di grandi dimensioni e comprimendole in una dimensione accettabile senza perdere nulla della qualità.

Eppure, in realtà, semplicemente non abbiamo il tempo o l'inclinazione a passare attraverso un processo di ottimizzazione per ciascuna immagine.

Ma c'è una soluzione. Automazione.

Ancora una volta, i CDN vengono in soccorso. La compressione e l'ottimizzazione delle immagini sono in genere una funzione incorporata di un CDN.

In sostanza, ti occupi della creazione di un sito Web di grande impatto con immagini fantastiche, il CDN gestirà la compressione e l'ottimizzazione delle immagini.

Il tuo sito Web utilizza molti script

Questo è un altro killer della velocità.

Quando siamo appena agli inizi come web designer, ci divertiamo a scoprire nuovi plug-in, testarli e installarli sul nostro sito Web, senza mai renderci conto di quale sarà l'impatto dei plug-in.

Anche i web designer affermati tendono a cadere in questa trappola. Utilizzando decine di plugin per assicurarsi che la funzionalità richiesta dal cliente sia consegnata ha i suoi effetti collaterali.

In realtà, ogni plug-in che installi sul tuo sito aggiunge file Javascript, file CSS e richiede più prestazioni dal tuo sito.

Lo vedrete sotto forma di molte richieste sui siti di test delle prestazioni e un tempo di caricamento molto lungo.

Ancora una volta, alcune raccomandazioni:

  1. Mantieni il tuo sito il più snello possibile dai plug-in, meno è di più
  2. Combina, comprimi e riduci gli script
  3. Abilita HTTP / 2

Mentre un CDN non ti aiuta a decidere quali plugin tenere e quali plug-in scaricare, un CDN è in grado di eseguire realmente la compressione e la minimizzazione degli script al volo, per ridurre le dimensioni totali del contenuto del tuo sito, e quindi più veloce.

La terza e molto importante raccomandazione è l'impostazione di HTTP / 2 - non entreremo molto nei dettagli, perché abbiamo già ampiamente parlato di HTTP / 2, entrambi su questo sito e altrove .

HTTP / 2 è stato scritto appositamente per ottimizzare i tempi di caricamento dei siti web, in particolare quelli che hanno molte risorse diverse da servire.

La maggior parte dei servizi CDN ti consente di abilitare in modo rapido e semplice HTTP / 2 sul tuo sito web, dando al tuo sito un immediato incremento di velocità.

Anche se hai fatto tutte le ottimizzazioni di cui sopra, c'è ancora una cosa che può totalmente uccidere la velocità del tuo sito web.

Come lo aggiusti?

La posizione del server del tuo sito web

Ok, se hai seguito il nostro consiglio, il tuo sito web dovrebbe essere ora molto più veloce di prima.

Ma, c'è una cosa che può uccidere la velocità di caricamento del tuo sito web.

Se il tuo sito web è rivolto a un pubblico locale, la soluzione è semplice: scegli un buon servizio di hosting che sia il più vicino possibile alla tua posizione di destinazione.

Tuttavia, questo è più difficile se il tuo sito web è rivolto a un pubblico internazionale.

Non puoi semplicemente scegliere una posizione del server che è fisicamente vicina a tutti i visitatori del tuo sito web.

Puoi fare la prossima cosa migliore e ospitare nella posizione del visitatore che è la più popolare, ma c'è una seconda soluzione più efficace.

Un servizio CDN è specificamente mirato a risolvere questo problema.

UN L'infrastruttura di CDN è progettato specificamente per risolvere il problema che abbiamo appena descritto.

I CDN hanno una rete di centinaia di server in decine di località in tutto il mondo. Questi server chiamati server edge o caching replicheranno le tue immagini e le risorse statiche come i file Javascript e CSS in queste posizioni.

Quando un utente raggiunge il tuo sito, le risorse pesanti verranno servite da una posizione il più vicino possibile fisicamente al tuo visitatore.

Ciò riduce significativamente il problema della distanza e offre al tuo sito un vantaggio molto significativo in termini di velocità di caricamento.

Come impostare un CDN gratuito

La cosa grandiosa dell'utilizzo di un CDN è che puoi aumentare facilmente la velocità del tuo sito web senza dover pagare nulla in più, in particolare se il tuo sito web è ancora in crescita.

La maggior parte dei servizi CDN offre un piano gratuito, che fornirà la funzionalità di caching essenziale di cui abbiamo discusso in precedenza. In genere, oltre all'ottimizzazione dei contenuti, si ottiene anche un incremento della sicurezza del proprio sito Web, attraverso i meccanismi di sicurezza implementati dai CDN.

Man mano che il tuo sito web cresce e le esigenze del sito crescono, potrai quindi eseguire l'aggiornamento a un piano più adatto alle tue esigenze.

Ci sono un paio di modi per impostare un CDN, questo dipende in gran parte dal CDN reale che userete.

Installa un plug-in CDN

Il primo modo di configurare un CDN è usare un plugin CDN. Durante la configurazione del tuo CDN, otterrai un URL che sarà la nuova posizione delle immagini statiche del tuo sito.

Il plug-in CDN riscriverà l'URL delle risorse statiche in modo tale che verranno pubblicate dal CDN.

https://www.example.com/images/logo-default.jpg

è ora riscritto come

https://cdn.example.com/images/logo-default.jpg

Dovrai apportare alcune leggere modifiche alle voci DNS del tuo sito, in modo che cdn.example.com si risolva come l'URL fornito dal tuo CDN.

Puoi utilizzare il plug-in Enabler CDN se utilizzi un servizio di riscrittura degli URL come KeyCDN (gli autori di questo plug-in), MaxCDN o Incapsula.

Una volta installato questo plug-in, l'unica cosa che devi fare è inserire l'URL fornito dal tuo servizio CDN, e dovresti essere a posto.

Installa un CDN come proxy inverso

Un altro modo migliore per installare un CDN è l'utilizzo di un proxy inverso.

Ciò richiede anche piccole modifiche al tuo DNS, che sono tipicamente specifiche del CDN che installerai.

Questa implementazione è vantaggiosa perché rimuove un carico significativo dal colpire direttamente il tuo server.

Sei pronto a portare il tuo sito web al prossimo livello di velocità?

Come abbiamo visto sopra, l'installazione di un CDN non è così proibitiva in termini di prezzo come si potrebbe pensare. Oltre a ciò, il miglioramento delle prestazioni dato al tuo sito sarà un significativo miglioramento dell'UX.

Se stai cercando di velocizzare il tuo sito rapidamente, un CDN è un must.