PERFORMANCE CHECKLIST
Le grandi prestazioni che tutti cercano e che noi possiamo offrirvi
Di volta in volta, vediamo gli utenti di WordPress alle prese con le prestazioni. In molti casi, non è difficile raggiungere velocità più elevate. La maggior parte si riduce alla scelta del giusto hosting, stack tecnologico e al rispetto delle migliori pratiche di ottimizzazione. Essendo stati nel settore delle prestazioni per anni, abbiamo visto cosa funziona e cosa non funziona.
Google utilizza quelli che chiamano Core Web Vitals. La versione mobile del tuo sito ottiene un punteggio basato su una combinazione di elementi come il più grande contenuto pittorico (LCP), il primo ritardo di input (FID) e il cambiamento di layout cumulativo (CLS). Per dirla semplicemente, mentre la quantità di codice e il tempo di caricamento totale saranno sempre importanti per le prestazioni, ora devi anche considerare come il tuo sito Web carica il codice.
Di seguito è riportato un elenco di controllo delle prestazioni che abbiamo messo insieme per farti risparmiare tempo! Tutti gli strumenti e i servizi citati sono quelli che sosteniamo al 100% e utilizziamo sui nostri siti:
- La memorizzazione nella cache è fondamentale
- Un tema WordPress veloce è essenziale
- Utilizzare una rete di distribuzione di contenuti
- Ottimizzazione delle immagini
- Database e spazio su disco
- Usa i web fonts con parsimonia
- Usa solo le icone di cui hai bisogno
- Ottimizzazione CSS e JS
- Ospita Google Analytics in locale
Se hai una domanda, siamo sempre felici di rispondere, che abbia a che fare con InfraWP o meno. Noi di InfraWP crediamo che siti più veloci equivalgano a un Web migliore per tutti.
La memorizzazione nella cache è fondamentale
Non otterrai mai i punteggi desiderati senza disporre di una soluzione di memorizzazione nella cache adeguata. Quando un utente visita il tuo sito Web per la prima volta, la cache viene creata e archiviata sul tuo server. Tutti gli accessi successivi al tuo sito vengono consegnati agli utenti dalla cache a velocità incredibili.
Hai mai visto gli avvisi di Google “ridurre il tempo di risposta iniziale del server” o “servire risorse statiche con criteri di cache efficienti”? Ecco cosa risolve la memorizzazione nella cache. Esistono due modi per implementarlo, a livello di server o con un plugin per WordPress.
Un provider di hosting come InfraWP ha la memorizzazione nella cache a livello di server. Un vantaggio di questo è che non devi mai avere problemi con i plug-in di memorizzazione nella cache. In caso contrario, ti consigliamo di utilizzare un plug-in gratuito come LiteSpeed Cache, che è la soluzione standard in InfraWP.
Un altro consiglio è aumentare il tempo di scadenza della cache. Invece di ogni 24 ore, prova ad aumentarlo a una durata più lunga, ad esempio sette giorni. Ciò aumenta il tuo rapporto HIT cache, il che significa che più utenti ricevono il tuo sito dalla cache.
Un tema WordPress veloce è essenziale
Ci sono miglia di temi per WordPress il nostro primo consiglio per un e-commerce ultra performante è utilizzare FlatSome come tema, che è sempre il nostro primo consiglio. È veloce, leggero e farà in modo che il tuo sito sia sempre bello.
Utilizzare una rete di distribuzione di contenuti
Una Content Delivery Network (CDN) aiuta a velocizzare il tuo sito WordPress archiviando le tue risorse e il codice (HTML, JS, CSS, immagini) su diversi edge server (POP) in tutto il mondo. Quando un utente visita il tuo sito, viene inviato dalla cache sul server perimetrale fisicamente più vicino. Abbiamo visto un CDN aumentare le velocità fino al 68%!
In InfraWP usiamo esclusivamente Quic.cloud come CDN standard, Quic si avvale di sistemi ultra ottimizzati per offrirti la miglior velocità ottenibile per il tuo sito o e-commerce, trasforma le immagini in WebP e fornisce cache a pagina intera dai loro server perimetrali. Si traduce in un basso TTFB e tempo di risposta del server. Questo approccio memorizza nella cache HTML, JS, CSS e immagini.
Ottimizzazione delle immagini (compress, WebP, lazy load)
Le immagini costituiscono in media il 48% del peso della pagina di un intero sito Web su dispositivi mobili. Ecco perché l’ottimizzazione delle immagini è qualcosa che non puoi ignorare.
Prima di tutto, devi comprimere le tue immagini per ridurre le dimensioni del file. Se usi i servizi di InfraWP questo lavoro vieni fatto in automatico da Quic.cloud senza dover usare altri plugin, risparmiandoti tempo e denaro!!
WebP è un formato di file creato da Google, che ora è supportato da tutti i browser moderni. Nei nostri test, i file .webp sono in media 59% più piccoli dei file PNG o JPG. Ciò risolverà l’avviso “inserisci le immagini nei formati di nuova generazione” di Google. Ancora una volta, InfraWP fa il lavoro automaticamente per te.
Terzo, dovresti caricare le tue immagini in modo LazyLoad, cioè che solo le immagini all’interno del viewport vengano scaricate immediatamente, mentre le altre verranno caricate in seguito. Nei nostri test, l’abilitazione del caricamento lento ci ha dato un aumento della velocità del 33%. Più immagini hai, maggiore sarà il vantaggio che otterrai. Risolve anche l’avviso di Google di “rinviare le immagini fuori schermo”.
In quarto luogo, puoi ridurre il Cumulative Layout Shift (CLS) aggiungendo automaticamente gli attributi di larghezza e altezza mancanti alle tue immagini. Infine, puoi precaricare automaticamente le immagini critiche per aiutare a ridurre il Largest Contentful Paint (LCP). Tutti questi lavoro sono fatti in automatico da Quic.cloud utilizzati su tutti i piani di InfraWP.
Database e spazio su disco
Nel tempo, cose come revisioni, commenti spam, transitori, bozze automatiche e persino spazzatura, iniziano a sommarsi allo spazio sprecato nel tuo database. C’è una tabella, wp_options, che può portare il tuo sito a un blocco se diventa troppo grande. L’abbiamo visto più volte di quante ne possiamo contare.
Proprio come cambi l’olio della tua auto, dovresti anche ottimizzare regolarmente il tuo database. Il plugin LiteSpeed Cache lo rende facile e veloce con le seguenti opzioni:
- Elimina le revisioni (post, pagine e tipi di post personalizzati).
- Elimina i commenti spam di WordPress in un colpo solo.
- Ripulisci la spazzatura da commenti e post.
- Elimina le vecchie bozze automatiche salvate durante la modifica dei contenuti.
- Elimina i transitori scaduti e mantieni pulita la tabella wp_options.
- Ottimizza le tabelle del database per recuperare lo spazio inutilizzato.
Puoi persino automatizzare l’ottimizzazione se lo desideri su base giornaliera, settimanale o mensile. E dopo aver ripulito il database, è importante stabilire dei limiti per il futuro. Ad esempio, puoi disabilitare o limitare le revisioni dei post. Questo aiuta a garantire un database sano.
Ti consigliamo inoltre di eliminare le immagini vecchie e non utilizzate dalla tua libreria multimediale. Se il tuo sito è in circolazione da un po’, è probabile che tu ne abbia molti. Il plug-in gratuito Media Cleaner fa un ottimo lavoro in questo!
È anche importante eseguire una disinstallazione pulita quando si rimuove un plug-in (consultare la documentazione dello sviluppatore). Altrimenti, potrebbe lasciare spazzatura nel tuo database che non ha bisogno di essere lì. Puoi ripulire le tabelle del database manualmente, se necessario.
Usa i web fonts con parsimonia
I Web fonts rappresentano in media il 6% del peso complessivo di una pagina Web sui dispositivi mobili. Influiscono sul tempo di caricamento e sul modo in cui viene visualizzata la pagina. Molti siti Web utilizzano più tipi di font del necessario. Scegli un paio di diverse variazioni di peso, normale, grassetto, ecc. Ciò manterrà le dimensioni ridotte. Inoltre, WOFF 2 è supportato da oltre il 95% di tutti i browser (fonte).
Ospita sempre le font Web sul tuo server o CDN. Tutti i browser moderni sono passati al partizionamento della cache HTTP. Ciò significa che i caratteri verranno scaricati nuovamente per ogni sito Web, indipendentemente dai caratteri memorizzati nella cache nel browser dell’utente. Quindi approfitta di un minor numero di richieste DNS e delle intestazioni di memorizzazione nella cache del tuo server.
Per Google Fonts, ti consigliamo di utilizzare la funzione Google Fonts locale. Puoi aggiungere automaticamente lo scambio per la visualizzazione dei caratteri e ospitare i tuoi caratteri in locale. Se li aggiungi manualmente, precarica i tuoi caratteri con LiteSpeed cache. Queste ottimizzazioni risolveranno l’avviso di Google “tutto il testo rimane visibile durante il caricamento dei caratteri web”.
Grandi marchi come GitHub, Medium, Ghost e persino la dashboard di amministrazione di WordPress utilizzano “caratteri di sistema”. Ciò significa che utilizzano i caratteri del tuo computer. Alcuni anni fa, questo non sarebbe sembrato molto buono. Ma con i sistemi operativi più recenti di oggi, tutti hanno caratteri più belli preinstallati.
Quando si utilizzano i caratteri di sistema, non è necessario caricare alcun font. Elimina tutti gli pessimi elementi grafici del FOUT (flash of unstyled text) o del FOIT (flash of invisible text). E la parte migliore è che non devi mai preoccuparti degli avvisi di blocco del rendering di Google perché non ce ne sono.
Usa solo le icone di cui hai bisogno
Font Awesome è incredibile e milioni di siti lo usano per visualizzare le icone che vedi sul Web ogni giorno. Tuttavia, un’implementazione comune e imperfetta da parte di plug-in e temi è che caricano l’intera libreria di icone dei caratteri nell’intero sito.
Il modo migliore in termini di prestazioni per avvicinarsi a Font Awesome è impacchettare solo le icone che stai effettivamente utilizzando sul tuo sito. Abbiamo visto questo ridurre la dimensione totale di 100 KB a meno di 5 KB.
Ottimizzazione CSS e JS
Sfortunatamente, molti plugin e temi di WordPress non sono sviluppati pensando alle prestazioni. Aggiungono semplicemente quante più funzionalità possibili solo per aumentare le vendite. Per questo motivo, molti caricano script (CSS e JS) sull’intero sito senza definire strategie per farlo in modo diverso.
Ospita Google Analytics in locale
Google Analytics ha ironicamente una propria serie di problemi di prestazioni. Genera richieste aggiuntive di terze parti e utilizza un breve tempo di scadenza della cache. Puoi risolvere questo problema ospitando il tuo script di Google Analytics localmente.
Rinvia JavaScript
Un altro modo per velocizzare il caricamento di una pagina è rimandare tutto il JavaScript non critico. Aggiungendo un attributo di differimento su ciascun file, gli script vengono caricati dopo il caricamento del resto della pagina. Puoi facilmente rinviare JavaScript in LightSpeed cache plugin.
Ritarda JavaScript
Un’altra tecnica che puoi utilizzare è ritardare il caricamento di JavaScript fino all’interazione dell’utente. Questo è un modo semplice per velocizzare il disegno della pagina per Core Web Vitals. Soprattutto per script di terze parti di grandi dimensioni come Google Tag Manager, Google AdSense, pixel di conversione (FB, Google Ads), ecc.
Se hai un negozio WooCommerce, è anche un modo rapido per risolvere il problema dei frammenti del carrello.
Rimuovi CSS inutilizzato
L’avviso di riduzione CSS non utilizzato viene attivato da PageSpeed Insights quando il codice viene caricato da un plug-in o il tema che non è necessario o utilizzato su una pagina. Gli sviluppatori in genere accodano un foglio di stile solo se viene utilizzato. Tuttavia, molte volte vengono aggiunti anche stili extra che potrebbero non essere necessari. Ciò si traduce in molti CSS inutilizzati, che rallentano il tuo sito WordPress. Può anche attivare avvisi di blocco del rendering. Puoi rimuovere automaticamente i CSS inutilizzati con LiteSpeed cache plugin.
Plugin e suggerimenti consigliati
Sfortunatamente con oltre 58.000 plugin nel repository di WordPress e molti altri plugin premium, ci sono semplicemente molti plugin difettosi. Molti non si preoccupano affatto delle prestazioni. Il numero di plugin che usi non è importante quanto la loro codifica.
La buona notizia è che ci sono tanti sviluppatori che si preoccupano delle prestazioni. Ecco un paio di plugin che utilizziamo che consigliamo vivamente:
- Antispam Bee: protezione antispam leggera come dovrebbe essere. Conforme al GDPR.
- Code Snippet: un modo semplice e veloce per aggiungere frammenti di codice PHP al tuo sito.
- The SEO Framework: plug-in SEO leggero ottimizzato per la velocità, senza pubblicità o funzionalità non necessarie.
- Wordfence: un plug-in semplice e gratuito per l’autenticazione a due fattori.
Suggerimenti per le prestazioni
Lavorando quotidianamente con i clienti, abbiamo visto praticamente di tutto. Ecco alcuni suggerimenti e consigli per facilitarti il lavoro e far innamorare Google del tuo sito WordPress:
- Evita i reindirizzamenti a tutti i costi. Se devi aggiungere un reindirizzamento, fallo a livello di server. I provider di hosting come InfraWP lo rendono facile con cPanel.
- Abbandona i tuoi cursori e usa invece un’intestazione statica per evitare cambiamenti di layout (CLS) e rigonfiamenti extra.
- Non utilizzare le animazioni se non è necessario, specialmente con i page builder come Elementor. Questi aumentano CPU, JS e tempo di rendering. Si somma molto velocemente. L’uso di elementi statici è sempre il migliore per le prestazioni.
- Non utilizzare Google AMP. Concentrati sul rendere più veloce e reattivo il tuo sito e non rinchiuderti in un ecosistema in cui hai meno controllo. A partire dal 2021, Google non concede più un trattamento preferenziale a chi lo utilizza e i simboli AMP non vengono più visualizzati nelle SERP.
- Il reCAPTCHA di Google è un killer di prestazioni. La maggior parte dei moduli di contatto ha quelli che vengono chiamati honeypot. In caso contrario, puoi utilizzare un plug-in gratuito come WP Armour.
- Se stai usando Cloudflare, disattiva Rocket Loader e “Offuscamento indirizzo email”.
- Carica i tuoi Gravatar dalla tua CDN e caricali in modo LazyLoad.
- Non caricare Google Maps ovunque. Oppure diventa creativo e usa invece un’immagine.
Non dimenticare le prestazioni percepite
La performance percepita è la velocità con cui il tuo sito si carica completamente ad un utente. Sfortunatamente, questo è spesso trascurato quando si tratta di ottimizzazione. Non si tratta sempre di inseguire voti e punteggi migliori nelle lettere. Il tuo sito WordPress dovrebbe effettivamente essere veloce e questo non è sempre in linea con gli strumenti di test di velocità.
Converti il tuo sito al tema Flatsome
Prima di tutto, se stai utilizzando un tema lento o un builder di pagine, ti consigliamo sempre di passare a un tema leggero come Flatsome. La loro base di codice è super leggera e sviluppata da zero pensando alle prestazioni. A volte devi sistemare il livello di base del tuo sito e poi tutto il resto andrà a posto. Se non hai tempo per farlo da solo, ti consigliamo di contattare i nostri amici di ComCart. Possono convertire il tuo sito esistente e progettarlo in Flatsome.
Ottieni un controllo delle prestazioni web
Se hai bisogno di andare ancora oltre, la seconda cosa sarebbe ottenere un audit delle prestazioni web. Ciò significa approfondire ogni aspetto del tuo sito. Un giorno probabilmente offriremo questo servizio, ma in questo momento ci stiamo concentrando sul rendere InfraWP il migliore hosting gestito possibile! Consigliamo vivamente la seguente azienda:
Tanta roba a cui pensare no?
Se non sai fare o non hai voglia di metterti in questa avventura, che può diventare un film horror se non si è equipaggiati con le armi giuste, puoi contare sulla esperienza del team di InfraWP con migliaia di clienti sodisfatti e utilizzato dai grandi player web Italiani.
Pronto per fare diventare il tuo sito WordPress SUPER VELOCE?
Scegli il piano che si adatta meglio alle tue necessità e entra nel mondo dei siti ultra performanti.
Se hai domande, inviaci un messaggio. Siamo sempre felici di aiutare.
Scegli la soluzione di hosting per il tuo sito web aziendale
5 Gb
Siti inclusi
1
Visite / mese
ILLIMITATE
Spazio Disco (NVMe)
5GB
Traffico di Rete Outbound
1TB
Traffico di Rete Inbound
ILLIMITATE
10 Gb
Siti inclusi
1
Visite / mese
ILLIMITATE
Spazio Disco (NVMe)
10GB
Traffico di Rete Outbound
2TB
Traffico di Rete Inbound
ILLIMITATE
20 Gb
Siti inclusi
1
Visite / mese
ILLIMITATE
Spazio Disco (NVMe)
20GB
Traffico di Rete Outbound
4TB
Traffico di Rete Inbound
ILLIMITATE
30 Gb
Siti inclusi
1
Visite / mese
ILLIMITATE
Spazio Disco (NVMe)
30GB
Traffico di Rete Outbound
5TB
Traffico di Rete Inbound
ILLIMITATE
Custom Gb
Scegli una soluzione personalizzata per incrementare al meglio la tua azienda,
in oltre iscrivendoti riceverai uno sconto del 15% sul tuo nuovo piano.
5 Gb
- 1 Sito Incluso
- Visite / mese ILLIMITATE
- Spazio Disco (NVMe) 5Gb
- Traffico di Rete Outbound 1Tb
- Traffico di Rete Inbound ILLIMITATE
€19,90/mese
iva inclusa
10 Gb
- 1 Sito Incluso
- Visite / mese ILLIMITATE
- Spazio Disco (NVMe) 10Gb
- Traffico di Rete Outbound 2Tb
- Traffico di Rete Inbound ILLIMITATE
€31,90/mese
iva inclusa
20 Gb
- 1 Sito Incluso
- Visite / mese ILLIMITATE
- Spazio Disco (NVMe) 20Gb
- Traffico di Rete Outbound 4Tb
- Traffico di Rete Inbound ILLIMITATE
€59,90/mese
iva inclusa
30 Gb
- 1 Sito Incluso
- Visite / mese ILLIMITATE
- Spazio Disco (NVMe) 5Gb
- Traffico di Rete Outbound 1Tb
- Traffico di Rete Inbound ILLIMITATE
€79,90/mese
iva inclusa
Custom Gb
Incluso in ogni piano
cPanel
JetBackup 5
Git Version Control
QUIC.cloud
Memcached
Backup Disaster
- Aggiornamenti plugin automatici
- Aggiornamenti plugin testati con AI, inclusi di terze parti
- Rollback automatico se vengono rilevati problemi
- Scegli quali plugin vengono aggiornati automaticamente
- Migrazione automatizzata gratuita
- WordPress Toolkit Deluxe
- Smart Updates
- SSL e SSH gratuiti
- Messa online in un click
- Supporto 24/7