Ecco alcune tecniche per aumentare la velocità del sito Web da non perdere.
Se il tuo sito Web non viene caricato entro 3 secondi, potresti perdere potenziali entrate e perdere un posizionamento più elevato nei motori di ricerca. Allo stesso modo, se non sei abbastanza sicuro, offri agli hacker l’opportunità di dare la caccia al tuo sito Web per perdite di reputazione e aziendali.
Di conseguenza, non si può sfuggire alle modifiche alla sicurezza e alle prestazioni per un’esperienza utente migliore e sicura.
Quindi, quando parliamo di ottimizzazione delle prestazioni, sentiamo cose come abilitare la compressione, minimizzare i file, memorizzare nella cache, usare temi leggeri, mantenere plugin minimi, ecc.
Vanno bene, ma c’è molto di più che abbiamo elencato in questo articolo che puoi applicare a qualsiasi piattaforma, come WordPress, Joomla, Magento, Drupal, Node.js, ecc.
Vediamo cosa hai già e cosa no.
Sommario:
Buon pacchetto di hosting
A volte l’unico errore che fai è scegliere un cattivo host web e un piano di hosting condiviso.
Ma personalmente, penso che non si tratti di cattivi ospiti. Si tratta principalmente di abbonamenti di hosting ultra economici.
Qualcosa non va quando le tue bollette mensili di hosting costano meno di una tazza di caffè.
Supponiamo che l’hosting condiviso sia un autobus sovraffollato su cui nessuno vuole entrare ma che si insinua comunque a causa di una tariffa “attraente”.
Le cose più redditizie dell’hosting condiviso sono gli sconti introduttivi e l’impareggiabile opacità su quanti siti Web condividono un singolo server.
Lascia che ti dica questo; quei numeri sono normalmente nell’ordine delle centinaia.
Ciò porta a frequenti colli di bottiglia nelle prestazioni dei vicini rumorosi e una parte importante di tali siti Web non vive mai abbastanza per vedere la prima pagina di una ricerca su Google.
In conclusione, passa a VPS o server dedicati per i progetti che contano.
Rete di distribuzione dei contenuti
CDN, abbreviazione di rete di distribuzione dei contenuti, è il secondo in linea dopo aver scelto un buon pacchetto di web hosting.
Questo è necessario per chiunque abbia un pubblico globale. Il motivo è che non puoi ospitare un sito web ovunque; rimane di stanza in un unico luogo. Quindi, la distanza gioca uno spoiler quando hai un utente giapponese che tenta di accedere al tuo sito web ospitato a New York, negli Stati Uniti.
Tuttavia, l’abbonamento a un CDN come Cloudflare si occupa di questo problema di localizzazione. Un CDN ospita copie dei tuoi siti Web sulla sua rete di server e serve le richieste dal server più vicino. Ciò riduce il carico su un singolo server centrale che potrebbe trovarsi a distanza di oceani.
Inoltre, in base al CDN, potresti godere di una sicurezza maggiore rispetto a quella che può offrire un normale host web.
Abilita IPv6
IPv6 è più veloce di IPv4. LinkedIn ha riscontrato un miglioramento del 40% in Europa e Facebook di circa il 10-15% accedendo tramite IPv6.
Dai un’occhiata al grafico sull’adozione di IPv6 a livello globale da parte di Google.
Circa il 42% degli utenti si connette a Google tramite IPv6, ma solo il 21,2% dei siti Web abilitati per IPv6.
È interessante notare che Cloudflare ha scoperto che le pagine Web abilitate per IPv6 si caricano il 27% più velocemente rispetto alle loro controparti IPv4.
Quindi, il tuo sito web ha IPv6? Non è sicuro! Puoi testarlo online.
In caso contrario, ecco come puoi farlo.
La maggior parte dei provider CDN come Cloudflare, Incapsula, CacheFly, AKAMAI offre IPv6. Puoi controllare il pannello di controllo per abilitarli.
Se non si utilizza CDN e l’hosting su VPS come Linode, DigitalOcean, ecc., fare riferimento a questo per consentire IPv6 nei server Web Nginx e Apache.
Avere IPv6 non danneggia nulla e sarebbe divertente per una rapida vittoria di circa il 10% in meno del tempo di caricamento della pagina.
Scegli HTTP/3 o HTTP/2
HTTP è la tecnologia in evoluzione utilizzata per caricare le pagine Web quando visitiamo qualsiasi URL nei browser Web.
Tutto è iniziato con HTTP/0.9 nel 1991 ed è stato seguito da aggiornamenti come HTTP/2 e l’attuale più grande HTTP/3.
HTTP/2 ha portato molti vantaggi rispetto a HTTP/1.1, tra cui:
- Spinta del server
- Multiplexing
- Prioritizzazione delle risorse
- Compressione dell’intestazione
- Bassa latenza
Al momento, viene utilizzato dal 39,3% dei siti Web ed è sette volte più veloce di HTTP/1.1. Passando a HTTP/2, puoi aspettarti di ridurre il tempo di caricamento della pagina fino al 30-40%.
Controlla se il tuo sito web è abilitato per HTTP/2.
Tuttavia, HTTP/2 ha i suoi problemi.
Ad esempio, soffre di un blocco in testa alla linea. Qui qualsiasi problema di connessione TCP può comportare il blocco di tutti i flussi. Ma con l’HTTP/3 basato su UDP, la perdita di un singolo pacchetto non influisce su tutti gli altri flussi.
Inoltre, HTTP/3 consente una latenza inferiore evitando l’handshake TLS durante le riconnessioni. Nel complesso, HTTP/3 porta tutta la bontà di HTTP/2, ma senza la resistenza associata.
Controlla se il tuo sito web è abilitato per HTTP/3.
Puoi verificare il supporto HTTP/3 o HTTP/2 con il tuo host web. In alternativa, il tuo provider CDN potrebbe avere un semplice passaggio alla tua versione HTTP preferita.
Ottimizzazione dell’immagine
Nessuno vuole passare attraverso un muro di testo che rende le immagini una parte inevitabile di ogni pagina web. D’altra parte, avere immagini su una pagina web la rende pesante e aumenta il tempo di caricamento della pagina.
Quindi, la soluzione richiede di servire le immagini in un formato relativamente più leggero come WebP o AVIF. Non solo riduce drasticamente le dimensioni (oltre l’80% in alcuni casi), ma la qualità dell’output rimane essenzialmente la stessa.
Ora puoi convertire e caricare direttamente in questi formati di nuova generazione. Oppure abbonati a un servizio di conversione di terze parti, come Optimole, per farlo al volo.
Riduci le richieste HTTP in eccesso
Un sito Web non viene mai caricato come un unico pezzo. Invece, ogni elemento, testo, immagini, CSS, JavaScript, ecc., arriva come richiesta HTTP.
E tutte le altre cose mantenute uguali, una pagina web con meno no. delle richieste HTTP si carica più velocemente di una che ne ha di più.
In conclusione, è nel nostro interesse ridurre il più possibile il numero di richieste HTTP.
Dalla mia esperienza personale con WordPress, posso dire che la scelta di un tema leggero come Generate Press aiuta. Inoltre, ridurre il numero di plugin contribuisce anche ad avere un sito web veloce e sicuro.
Tuttavia, è un argomento a sé stante che richiede un’attenzione speciale.
In particolare, controlla questo fai meno richieste HTTP se hai un sito Web WordPress.
Passa ai caratteri sicuri per il Web
Vogliamo tutti che i nostri siti web abbiano un aspetto unico e facile da usare. E il primo passo che molti fanno è passare a un carattere diverso.
E fortunatamente, ci sono alcune opzioni gratuite, inclusi i caratteri di Google. Tuttavia, questo aggiungerà più richieste HTTP. E per peggiorare le cose, il tuo sito Web tornerà ai caratteri di sistema se il server dei caratteri di terze parti va offline.
Per contrastare questo, alcuni webmaster ospitano autonomamente i caratteri sui loro siti Web, un passo verso l’autosufficienza. Tuttavia, aggiunge comunque un file che deve essere caricato dal tuo server al dispositivo dell’utente. Ciò significa richieste HTTP aggiuntive, che comportano un calo delle prestazioni, non importa quanto piccolo.
Di conseguenza, esistono alcuni tipi di carattere sicuri per il Web che è possibile utilizzare per l’esperienza più rapida possibile senza rischiare uno scambio di caratteri durante un errore del server. Questi caratteri sono chiamati caratteri di sistema e sono comuni tra PC Windows, Mac, sistemi Linux, iOS, Android, ecc.
Ecco alcuni font web-safe:
- Aria
- Verdana
- Trabucco-MS
- Taoma
- Times New Roman
- Georgia
- Impatto, ecc.
Sfrutta la memorizzazione nella cache
Caching significa memorizzare i dati localmente. Ciò garantisce il caricamento del sito Web più rapido possibile durante le visite successive. Ed è spesso consigliato dagli esperti di implementare la memorizzazione nella cache per ridurre i tempi di caricamento.
Ad esempio, WordPress ha molti plug-in di cache, come WP Fastest Cache. In alternativa, è possibile distribuire la cache del browser modificando il file .htaccess.
Tuttavia, è basato sulla piattaforma e possono esserci diversi modi per implementarlo.
Caricamento asincrono
Questa è un’altra pagina direttamente dalla mia esperienza personale con WordPress. In realtà, quello che è successo è che Google Search Console ha emesso un avviso sui miei oltre 40 post sul blog che non hanno superato il test dei parametri fondamentali del web.
Core web vitals è la valutazione della pagina di Google ed è importante per tutti coloro che cercano di posizionarsi in alto sul suo motore di ricerca.
Per capirlo ulteriormente, controlla questa analisi di Pagespeed su uno degli articoli di winadmin.it:
Grazie ai nostri sviluppatori di WordPress, ha superato questi test a pieni voti.
Ma nel mio progetto personale, stavo particolarmente fallendo in Largest Contentful Paint (LCP) e First Contentful Paint (FCP). Nello specifico, LCP era di 3,3 secondi e FCP era di circa 2,4 secondi.
Essendo un blogger con un background non informatico, non sono riuscito a ottimizzarlo oltre un punto. Sulla mia scala, stavo spuntando tutte le caselle giuste: tema premium, nessun plug-in extra, caratteri di sistema, immagini WebP, cloud hosting, ecc.
Ciò che ha aiutato è stato un singolo interruttore nel plug-in WordPress boost di Jetpack:
In poche parole, carica Javascript di terze parti in modo asincrono allegando attributi async o defer ai tag