Come Kinsta e WP Rocket possono velocizzare il tuo sito

Pubblicato: 2021-09-29

Vuoi sapere come Kinsta e WP Rocket possono velocizzare il tuo sito? Con il giusto plug-in di hosting e memorizzazione nella cache, puoi ottenere un enorme aumento delle prestazioni in pochi minuti. Alcune delle fantastiche funzionalità fornite con entrambi questi servizi renderanno il tuo sito più veloce quasi immediatamente.

Esploriamo il potenziale dell'utilizzo di WP Rocket insieme a Kinsta.

Perché dovresti usare un hosting veloce

Non è un segreto che la velocità del tuo provider di hosting abbia un impatto diretto sulle prestazioni del tuo sito web. Se non stai ottimizzando la velocità del tuo sito, vedrai un calo significativo del traffico, delle conversioni e delle entrate.

Un sito web con buone prestazioni può avere molti vantaggi per un'azienda. In primo luogo, il sito aiuta a livellare qualsiasi concorrenza facendo sembrare un'azienda affidabile che fornisce servizi o prodotti di alta qualità. Un provider di hosting influisce sulla credibilità del marchio. Se i visitatori percepiscono che il caricamento delle tue pagine web richiede un'eternità, ciò si rifletterà nelle tue vendite. Se il tuo sito è lento, le persone avranno difficoltà a navigare e passare direttamente alla concorrenza.

Più lento è un sito web, minori sono i tassi di conversione - Fonte: Cloudflare
Più lento è un sito web, minori sono i tassi di conversione – Fonte: Cloudflare


Inoltre, le prestazioni di un sito web influiscono sul suo posizionamento nei motori di ricerca. Buone velocità di caricamento sono importanti per misurare le metriche dell'esperienza dei visitatori, che influenzano la posizione in cui ti trovi in ​​alto su Google nei risultati di ricerca.

Per servire efficacemente i clienti in tutto il mondo, l'hosting di un sito Web deve essere veloce. L'hosting è responsabile di assicurarsi che i dati memorizzati sul tuo sito siano accessibili indipendentemente da dove le persone li visualizzino.

Cos'è Kinsta (e quanto è veloce)

Kinsta è una società di hosting che fornisce agli utenti di WordPress un hosting sicuro, veloce e affidabile per i loro siti web. Rendere veloce WordPress è nel DNA di Kinsta dal 2013. Sono noti per i loro prezzi premium, ma la qualità che ottieni vale ogni centesimo.

Cosa dicono gli utenti di WordPress su Kinsta - Fonte: Kinsta
Cosa dicono gli utenti di WordPress su Kinsta – Fonte: Kinsta


Kinsta è un'ottima scelta per velocizzare il tuo sito WordPress. Non solo sarà super veloce, ma Kinsta fornisce anche tutti gli strumenti e le funzionalità di sicurezza di cui hai bisogno per evitare che il tuo sito Web o la tua pagina del blog vengano hackerati. Scommetto che ti stai chiedendo cosa otterrai esattamente quando ti iscriverai con loro? Esaminiamo le caratteristiche principali.

1. Ottieni l'accesso alle VM C2 di Google Cloud e alla rete di livello Premium

Kinsta ospita il tuo sito WordPress direttamente su Google Cloud Platform, un'infrastruttura creata e gestita da Google. Sei ospitato nello stesso posto di Spotify, Coca-Cola, Snapchat... Incredibile, giusto?

Kinsta utilizza la rete C2 VMS e Premium Tier di Google, che offre un routing del traffico a bassa latenza e più veloce del 30-50%, evitando il più possibile le condutture Internet pubbliche. Kinsta è l'unico host sul mercato che fornisce macchine C2 su tutti i piani.

Condivido l'immagine qui sotto per illustrare l'impatto della migrazione alle macchine C2. Puoi vedere che il tempo di risposta medio del sito è passato da 250 ms a 80 ms. Questo è un aumento delle prestazioni del 212,5%.

Velocità aumentata dopo l'utilizzo di macchine C2 - Fonte: Kinsta
Velocità aumentata dopo l'utilizzo di macchine C2 – Fonte: Kinsta

2. Scegli la posizione del centro dati di Google Cloud

Kinsta utilizza la modalità di distribuzione multiregionale di Google Cloud Platform. Ciò significa che puoi scegliere di posizionare il tuo sito WordPress nella posizione più vicina ai tuoi visitatori.

Piattaforma cloud di Google


3. Usa il CDN di Kinsta (con tecnologia Cloudflare)

Da quest'anno, il CDN di Kinsta è stato fino al 40% più veloce del precedente. La rete si estende in più di 200 città! Tutti i tuoi dati saranno definitivamente più vicini ai tuoi visitatori con questo nuovo aggiornamento. Kinsta afferma che il loro nuovo CDN può migliorare la velocità del sito fino al 44%. Come puoi vedere di seguito, il tempo di caricamento è migliore con il nuovo CDN Cloudflare:

Prima vs dopo la performance CDN - fonte: Kinsta
Prima vs dopo la performance CDN – fonte: Kinsta


4. Usa la cache di Kinsta

Cos'è la memorizzazione nella cache? Riduce la quantità di lavoro richiesta per generare una visualizzazione di pagina.
Perché dovresti usare la cache? È semplice: la memorizzazione nella cache rende i siti Web WordPress più veloci e riduce il carico sul tuo server web. Ogni sito ospitato su Kinsta utilizza quattro diversi tipi di cache applicate automaticamente, vale a dire Bytecode, Object, Page e cache CDN.

Opzione cache integrata in Kinsta - Fonte: Kinsta
Opzione cache integrata in Kinsta – Fonte: Kinsta


5. Approfitta dell'APM (Application Performance Monitoring) integrato di Kinsta

Puoi utilizzare lo strumento APM di Kinsta per monitorare e ottimizzare i siti WordPress, assicurandoti che funzionino sempre senza intoppi. Ti consente inoltre di eseguire il debug del tuo sito Web molto più velocemente in quanto puoi individuare da dove proviene il problema:

Kinsta APM


6. Approfitta di una piattaforma intuitiva progettata per WordPress

Abbiamo visto che la missione di Kinsta è offrire agli utenti di WordPress un'esperienza di hosting incentrata sulle prestazioni. Ma Kinsta ha altri vantaggi: fornisce anche una piattaforma ergonomica che ti consente di installare WordPress con un clic, accedere ad aree di staging semplici e aggiornare facilmente all'ultima versione di PHP, ad esempio.

Avvio di WordPress


Tutti i miei siti WordPress possono essere raccolti nella stessa interfaccia, il che è molto utile:

Sito WordPress nella dashboard di Kinsta


E, ultimo ma non meno importante, hai accesso a supporto 24 ore su 24, 7 giorni su 7, backup giornalieri e server ultra sicuri. Kinsta controlla lo stato del tuo sito web ogni due minuti, il che significa che il supporto può essere proattivo in caso di problemi.

Cpanel facile da usare e potente - Fonte: Kinsta
Cpanel facile da usare e potente – Fonte: Kinsta


7. Test di velocità: quanto è veloce (davvero) Kinsta?

Utilizzeremo Google PageSpeed ​​Insight per testare le prestazioni del mio sito WordPress ospitato su Kinsta. Utilizzeremo anche WebPageTest per misurare la metrica del "tempo di caricamento completo". Entrambi i test saranno simulati da dispositivi mobili .

Ci saranno due scenari:

  • Scenario n. 1 : misurare le prestazioni del mio sito mobile con pochi paragrafi (senza immagini) e il tema 2021 installato.
  • Scenario n. 2 : misurare le prestazioni del mio sito mobile utilizzando Astra ed Elementor (una home page realistica con testi e immagini).

Scenario 1:

Il mio punteggio mobile è 99/100 (100/100 su desktop). Il mio sito web è piuttosto vuoto, quindi non mi aspettavo di meglio da Kinsta.

Il mio sito di prova con alcuni testi e il tema 2021 installato - Fonte: PSI
Il mio sito di prova con alcuni testi e il tema 2021 installato – Fonte: PSI


Anche le metriche relative al tempo di caricamento completo e alle richieste HTTP sono molto buone, poiché la mia pagina è quasi vuota.

Tempo a pieno carico e richieste HTTP su dispositivo mobile (nessun contenuto) - Fonte: WebPageTest
Tempo a pieno carico e richieste HTTP su dispositivo mobile (nessun contenuto) – Fonte: WebPageTest

Passiamo allo scenario n. 2, con Elementor installato e più contenuti aggiunti alla mia pagina.

Scenario #2 :

Ora stiamo utilizzando Elementor, video provenienti da YouTube, immagini, icone e molti più contenuti rispetto a prima. Di conseguenza, il mio punteggio è passato da 99 a 82/100 su dispositivo mobile (cosa prevedibile poiché abbiamo aggiunto alcuni contenuti senza ottimizzarli).

Nota importante: Kinsta mantiene un punteggio verde su desktop (91/100) anche dopo aver aggiunto molti contenuti.

Il mio voto PSI su dispositivi mobili con molti contenuti sul mio sito - Fonte: Google PageSpeed ​​Insights
Il mio voto PSI su dispositivi mobili con molti contenuti sul mio sito – Fonte: Google PageSpeed ​​Insights


Secondo Google PageSpeed ​​Insights, la maggior parte dei problemi deriva da JS e CSS non ottimizzati e da codice di terze parti:

Sezione diagnostica - Fonte: Google PageSpeed ​​Insights
Sezione diagnostica – Fonte: Google PageSpeed ​​Insights


Vuoi che il tuo sito web si carichi entro tre secondi; Kinsta è proprio su quel limite (2.587s). Il numero di richieste HTTP è 56, che è un numero sano: la media su Internet è 70.

Puoi leggere di più sulla quantità consigliata di richieste HTTP nella nostra guida dedicata.

Tempo a pieno carico e richieste HTTP per la mia home page su dispositivo mobile - Fonte: WebPageTest
Tempo a pieno carico e richieste HTTP per la mia home page su dispositivo mobile – Fonte: WebPageTest


Con Kinsta, il mio sito WordPress ha mantenuto ottime prestazioni su desktop ma ha avuto un impatto su dispositivi mobili. Il provider di hosting è decisamente veloce e potente. Tuttavia, i problemi relativi al codice di terze parti o all'eliminazione delle risorse che bloccano il rendering non sono stati completamente risolti da Kinsta. È qui che entra in gioco la magia del WP Rocket!

Questo ci porta alla sezione successiva: come Kinsta e WP Rocket possono aiutare a raggiungere un punteggio di 100/100 sui dispositivi mobili.

Perché WP Rocket è un ottimo abbinamento per le prestazioni

Il plugin WP Rocket è completamente compatibile con l'ambiente di hosting di Kinsta. Il fatto è che Kinsta ha già la sua funzione di memorizzazione nella cache. Di conseguenza, WP Rocket non sarà necessario per memorizzare nella cache i tuoi contenuti, MA sarà necessario per ottimizzare il tuo codice e mantenere i tuoi Core Web Vitals nella zona verde.

Vediamo come WP Rocket può aiutare a migliorare le prestazioni del tuo sito WordPress.

1. Cosa tenere a mente quando si utilizza Kinsta e WP Rocket

La prima cosa da ricordare è che la funzione di memorizzazione nella cache della pagina di WP Rocket è automaticamente disabilitata per prevenire conflitti con la memorizzazione nella cache di Kinsta . Detto questo, Kinsta (e noi) ti consigliano comunque di tenere selezionata la casella "caching mobile":

Abilitazione della cache per dispositivi mobili - Fonte: dashboard di WP Rocket
Abilitazione della cache per dispositivi mobili – Fonte: dashboard di WP Rocket


Il CDN di Kinsta è alimentato da Cloudflare, quindi funzionerà automaticamente con WP Rocket: non ci sono opzioni da attivare. Non è più necessario selezionare l'opzione "Abilita rete di distribuzione dei contenuti".

Non è necessario selezionare la casella "Abilita CDN" con Kinsta


Inoltre, Kinsta è completamente integrato con Cloudflare, quindi non è necessario collegare il componente aggiuntivo al tuo account.

Tenere il componente aggiuntivo Cloudflare disattivato quando si utilizza Kinsta


Ora che conosci le poche opzioni da modificare prima di utilizzare WP Rocket con Kinsta, possiamo spiegare come funziona WP Rocket e come può facilmente aiutare a raggiungere il nostro obiettivo di prestazioni.

Google PageSpeed ​​Insights misura le prestazioni (inclusi i Core Web Vitals) e molto spesso vedrai questi consigli: "Elimina le risorse che bloccano il rendering fornendo JS/CCSS critici in linea e rinviando tutti i JS non critici", "Riduci inutilizzati JS e CSS”, e così via.

Molti miglioramenti si stanno orientando verso la pulizia del codice e l'ottimizzazione dei file. WP Rocket ti aiuta a fare proprio questo in pochi click grazie alla scheda dedicata "Ottimizzazione file", accessibile direttamente dalla dashboard di WordPress:

Scheda Ottimizzazione file - Fonte: dashboard di WP Rocket
Scheda Ottimizzazione file – Fonte: dashboard di WP Rocket

Esaminiamo ogni sezione in modo da poter vedere come Kinsta e WP Rocket si completano a vicenda.

2. Riduci CSS inutilizzati

La riduzione delle regole non utilizzate dai fogli di stile e il rinvio dei CSS non utilizzati per i contenuti above the fold ridurranno il consumo di byte di rete e miglioreranno la velocità del tuo sito.

Minimizzare e rimuovere CSS inutilizzati - Fonte: WP Rocket
Minimizzare e rimuovere CSS inutilizzati – Fonte: WP Rocket

3. Ottimizza la consegna CSS

Un altro modo per eliminare i CSS che bloccano la visualizzazione è ottimizzare la pubblicazione dei CSS. Ciò migliorerà il tempo di caricamento percepito per i tuoi utenti.

Ottimizzazione della consegna CSS in un clic - Fonte: WP Rocket
Ottimizzazione della consegna CSS in un clic – Fonte: WP Rocket


Nota importante sulla pubblicazione CSS: l'ottimizzazione della pubblicazione CSS dovrebbe essere utilizzata solo se Rimuovi CSS inutilizzato non funziona per l'utente. Rimuovi CSS inutilizzato dovrebbe sempre essere la prima scelta.

4. Carica JS differito

Una delle principali cause di lentezza delle pagine Web è il cosiddetto "script di blocco". Se carichi JS in differita, migliorerai il tempo di caricamento. WP Rocket può aiutarti a farlo con un clic:

Carica JS differito – Fonte: WP Rocket

5. Ritarda l'esecuzione di JS

Un altro modo per velocizzare il tuo sito WordPress con WP Rocket è ritardare l'esecuzione di JavaScript. Anche la riduzione del tempo di esecuzione di JS è fondamentale per mantenere sani i tuoi Core Web Vitals.

Esecuzione ritardata di JS - Fonte: WP Rocket
Ritardo esecuzione JS – Fonte: WP Rocket


WP Rocket migliora il tuo punteggio di prestazione di Lighthouse ottimizzando i tuoi Core Web Vitals. Il KPI più grande di Contentful Paint (LCP) ha un impatto diretto se scegli di differire e ottimizzare JS e CSS del tuo sito WordPress.

Punteggio LCP migliorato grazie alle funzionalità di WP Rocket
Punteggio LCP migliorato grazie alle funzionalità di WP Rocket


Un altro modo per rinviare contenuti meno importanti consiste nell'applicarvi uno script di caricamento lento. Ancora una volta, WP Rocket può aiutarti facilmente a farlo. Vediamo come.

6. Implementare il caricamento lento

L'idea di base del caricamento lento è caricare immagini o iframe solo quando gli utenti hanno bisogno del contenuto: non dovranno attendere il caricamento di tutti gli elementi. L'abilitazione e la disabilitazione manuale del caricamento lento può richiedere molto tempo. WP Rocket può aiutarti a risparmiare tempo e ad applicare automaticamente lo script di caricamento lento dove necessario.

Implementazione del caricamento lento - Fonte: WP Rocket
Implementazione del caricamento lento – Fonte: WP Rocket


Ancora una volta, WP Rocket aiuta a migliorare i Core Web Vitals e ottiene un buon punteggio secondo i consigli di PageSpeed ​​Insights. PSI consiglia di utilizzare il caricamento lento e di posticipare le immagini fuori schermo per fare spazio alle immagini above the fold.

PSI raccomanda il caricamento lento
PSI raccomanda il caricamento lento

7. Precarica Prelettura e Preconnessione

Nel menu "Precaricamento", WP Rocket offre quattro opzioni di precaricamento, ovvero precaricamento cache, collegamenti precaricati, precaricamento richieste DNS e precaricamento caratteri. Alcuni di loro non saranno utili da usare con Kinsta, quindi sfruttiamo al meglio le opzioni:

Precarica cache : non selezionare questa opzione. Può ridurre le prestazioni.

Precarica cache


Precaricamento del collegamento : questa opzione avvia il download di una pagina quando un utente passa il mouse sopra il collegamento. Ciò aumenta il tempo di caricamento percepito dall'utente.

Precarica link


Precarica richieste DNS : questa funzione darà una piccola spinta al tuo sito web mobile. Il precaricamento DNS è un ottimo modo per migliorare le prestazioni del tuo sito web risolvendo i nomi di dominio in background prima che gli utenti facciano clic su qualsiasi cosa.

Richieste DNS perfette


Precarica font : questa opzione consente ai browser web di scoprire il font prima che vengano scoperti nel tuo file CSS.

Precarica i caratteri


WP Rocket applica l'attributo rel="preload" che è un'altra raccomandazione di PageSpeed ​​Insights per mantenere un FCP e LCP sani come mostrato di seguito:

8. Ottimizzazione del database

Sotto il menu "Database", WP Rocket ti offre tutti gli strumenti per mantenere i tuoi post e commenti in una forma ottimale. Puoi scegliere di eseguire le pulizie per post, commenti, transitori e tabella del database. Se lo desideri, puoi anche programmare una pulizia.

Tutte le opzioni di ottimizzazione del database funzionano bene con Kinsta e forniscono anche questa funzionalità utilizzando Innodb.

9. Funzionalità di ottimizzazione aggiuntive

C'è dell'altro. WP Rocket include molte altre funzionalità per migliorare la velocità del tuo sito web. Questo è ciò che accade al tuo sito WordPress dopo l'attivazione di WP Rocket:

  • La compressione GZIP è attivata, il che significa che la dimensione dei tuoi file diminuisce e i tuoi visitatori accedono ai tuoi contenuti più velocemente.
  • Il numero di richieste HTTP è ridotto, il che rende il caricamento del tuo sito più veloce.
  • I file multimediali vengono caricati solo quando necessario per risparmiare larghezza di banda
  • Vengono aggiunti gli attributi di larghezza e altezza mancanti alle immagini. Questo aiuta a prevenire cambiamenti di layout, migliorare il punteggio CLS e fornire una migliore esperienza utente. .
  • E molte più ottimizzazioni della velocità per WordPress.

Come velocizzare il tuo sito con Kinsta + WP Rocket

Se il tuo sito WordPress è ospitato su Kinsta con WP Rocket attivato, aumenterai le tue possibilità di portare il tuo sito web alla velocità della luce.

Eseguiamo un controllo delle prestazioni.

Utilizzeremo Google PageSpeed ​​Insights e WebPageTest per misurare le prestazioni sui dispositivi mobili. Il mio sito di prova è un'agenzia di viaggi creata con Elementor e Astra.

Scenario n. 1 – Il mio sito di test ospitato su Kinsta – Nessun WP Rocket

Utilizzo di Google PageSpeed ​​Insights (prestazioni su dispositivi mobili)

Senza effettuare alcuna ottimizzazione, il mio sito di prova ospitato da Kinsta rimane abbastanza veloce sui dispositivi mobili (82/100). Tuttavia, alcuni dei miei Core Web Vitals sono passati al colore arancione.

Prestazioni mobili con Kinsta - Fonte: PSI
Prestazioni mobili con Kinsta – Fonte: PSI


Il tempo a pieno carico e il numero di richieste sono accettabili, confermando che Kinsta è un provider di hosting veloce.

Tempo a pieno carico e richieste HTTP per la mia home page (nessun WP Rocket)- Fonte: WebPageTest
Tempo a pieno carico e richieste HTTP per la mia home page (nessun WP Rocket)- Fonte: WebPageTest
KPI (prestazioni mobili) Punteggio (nessun WP Rocket)
Voto complessivo 82/100
Tempo a pieno carico 2.587 sec
Richieste HTTP 56
FCP 1,6 sec
SI 1,6 sec
LCP 1,9 sec
TTI 1,6 sec
TBT 20 ms
CLS 0,125

Scenario #2 – Il mio sito di test ospitato su Kinsta – con WP Rocket

Utilizzo di Google PageSpeed ​​Insights (prestazioni su dispositivi mobili)

I risultati sono impressionanti: stiamo ottenendo 100/100 su Lighthouse! Tutti i miei Core Web Vital sono verdi, il Cumulative Layout Shift e il Total Blocking Time sono stati ridotti a 0.

100/100 su mobile con Kinsta e WP Rocket - Fonte: PSI
100/100 su mobile con Kinsta e WP Rocket – Fonte: PSI


Anche altre due metriche (richieste HTTP e tempo di caricamento completo) sono state notevolmente ridotte grazie a WP Rocket (da 3,5 s a 1,5 s e 56 richieste a 17).

Punteggi della home page con WP Rocket – Fonte: WebPageTest


Ed ecco la panoramica delle prestazioni che abbiamo riassunto in una tabella:

KPI (prestazioni mobili) Punteggio (nessun WP Rocket) Punteggio (con WP Rocket)
Voto complessivo 82/100 100/100
Tempo a pieno carico 2.587 sec 1.543 sec
Richieste HTTP 56 17
FCP 1,6 sec 0,4 sec
SI 1,6 sec 0,4 sec
LCP 1,9 sec 0,5 sec
TTI 1,6 sec 0,4 sec
TBT 20 ms 0 ms
CLS 0,125 0

Avvolgendo

Kinsta fornisce servizi di hosting WordPress gestiti premium alle aziende che utilizzano solo data center premium situati in tutto il mondo. Ciò garantisce tempi di attività ottimali proteggendo al contempo i siti dei clienti da attacchi DDoS o altre interruzioni durante le ore di punta di utilizzo.

Se combini Kinsta con WP Rocket, ottieni il meglio di entrambi i mondi : hosting veloce con una soluzione cache integrata e un plug-in WordPress che migliora le prestazioni del tuo sito e rende i tuoi Core Web Vitals verdi (100/100 di Lighthouse )!

Ottenere 82/100 su dispositivo mobile con Kinsta Ottenere 100/100 su dispositivo mobile con Kinsta e WP Rocket

Come abbiamo visto nel nostro controllo delle prestazioni, WP Rocket è uno dei modi più semplici per migliorare il tuo punteggio di PageSpeed ​​Insights.

E la cosa buona è che non corri alcun rischio: hai una garanzia di rimborso di 14 giorni quando acquisti WP Rocket.

Sei un utente Kinsta e WP Rocket? Raccontaci come stanno andando le cose per te nei commenti qui sotto.