Recensione NitroPack: ottimizzazione della velocità del sito WordPress in modalità facile

Se hai un sito web, devi preoccuparti dell'ottimizzazione della velocità del sito.

La velocità della pagina ha un enorme effetto sull'esperienza utente del tuo sito: ci sono tutti i tipi di dati che collegano la velocità del sito lenta a frequenze di rimbalzo più elevate, tassi di conversione più bassi e utenti generalmente insoddisfatti.

Ma onestamente, non hai davvero bisogno di dati per dimostrare questo punto perché probabilmente sai già quanto sia incredibilmente fastidioso un sito Web a caricamento lento, giusto?

Inoltre, con il nuovo aggiornamento di Page Experience di Google, Google utilizza anche le metriche di Core Web Vitals come Largest Contentful Paint come fattore di posizionamento sui motori di ricerca, quindi una velocità della pagina lenta può anche essere un ostacolo all'ottimizzazione dei motori di ricerca del tuo sito.

Quindi, la velocità del sito è importante... ma è anche complicata.

C'è la memorizzazione nella cache, l'ottimizzazione JavaScript, l'ottimizzazione CSS, l'ottimizzazione HTML, le reti di distribuzione dei contenuti (CDN), l'ottimizzazione delle immagini, il prelettura, la compressione... hai capito.

NitroPack è un plug-in facile da usare che ti aiuta a implementare praticamente ogni singola tattica di ottimizzazione delle prestazioni di cui il tuo sito ha bisogno in un unico strumento.

Su WordPress, tutto ciò che devi fare è installare il plug-in NitroPack, fare clic su alcuni pulsanti e il tuo sito beneficerà immediatamente di tattiche come la memorizzazione nella cache, una rete di distribuzione dei contenuti (CDN), l'ottimizzazione CSS/JavaScript e molto altro.

Nella nostra recensione pratica su NitroPack, daremo un'occhiata pratica a questo strumento, inclusi i seguenti:

• Una rapida carrellata delle caratteristiche
• Un tutorial NitroPack e guarda l'interfaccia
• Considerazioni sul fatto che i miglioramenti di NitroPack siano "reali" (questo avrà senso in seguito)
• Alcuni test di prestazione prima/dopo con NitroPack
• Prezzo
• Pensieri finali

Recensione NitroPack: cosa fa?

NitroPack è un plug-in di ottimizzazione della velocità all-in-one per WordPress (e alcune altre piattaforme).

Questa è una delle cose più uniche di NitroPack: è davvero tutto in uno .

Questo è sorprendentemente raro. Ad esempio, WP Rocket è un plug-in per la velocità della pagina molto completo a sé stante, ma è comunque necessario accoppiarlo almeno con una soluzione di ottimizzazione delle immagini, un CDN e alcune altre modifiche.

Con NitroPack, non è necessario creare una "pila" di strumenti di ottimizzazione delle prestazioni. Fa tutto per te. Ecco le caratteristiche di alto livello che copre:

• Memorizzazione nella cache : inclusa la memorizzazione nella cache intelligente delle pagine con precaricamento e cancellazione della cache intelligente, nonché la memorizzazione nella cache del browser.
• CDN : una CDN integrata con oltre 70 endpoint globali, compressione Gzip/Brotli e altro ancora.
• Ottimizzazione CSS – inclusa la gestione di CSS critici above-the-fold in modo da poter aumentare i tempi di caricamento iniziali, inclusa la metrica di Contentful Paint più grande.
• Ottimizzazione JavaScript : puoi posticipare gli script per migliorare i tempi di caricamento iniziali e ottimizzare in altro modo tutto il JavaScript del tuo sito. NitroPack ha anche un modo unico per spostare gli script fuori dal thread della CPU principale e ritardare gli script fino all'interazione dell'utente – più su questo di seguito.
• Ottimizzazione delle immagini : può comprimere/ridimensionare automaticamente le immagini e convertirle in WebP. C'è anche una nuova funzione di ridimensionamento adattivo che ti consente di offrire dinamicamente immagini diverse agli utenti in base alle dimensioni dello schermo.
• Ottimizzazione HTML – inclusi dettagli avanzati come la preconnessione DNS per le risorse chiave.

Questa immagine fa un ottimo lavoro nel riassumere le caratteristiche principali:

Una cosa unica di NitroPack è il suo "caricatore di risorse proprietario". Il concetto/beneficio di ciò è piuttosto complesso, ma l'idea di base è che NitroPack ottimizza il modo in cui il tuo sito viene caricato (in particolare il suo JavaScript) per far caricare tutti i file separati in modo ottimale per l'esperienza dell'utente.

Fondamentalmente, se abiliti questa funzione, prova a caricare solo i file minimi necessari per eseguire il rendering del contenuto above-the-fold e quindi attende di caricare il resto fino a quando un utente non inizia a interagire con il tuo sito. In questo modo, puoi accelerare notevolmente il tempo di caricamento iniziale del tuo sito, inclusa la metrica Largest Contentful Paint.

Puoi leggere tutto su questo qui.

Come usare NitroPack

Oltre alle funzionalità complete di ottimizzazione della velocità del sito di NitroPack, la sua facile configurazione è un altro dei suoi maggiori vantaggi.

Puoi letteralmente essere operativo con un sito completamente ottimizzato in pochi minuti grazie a molteplici modalità di ottimizzazione preimpostate.

Vediamo come funziona...

1. Aggiungi il tuo sito web

Per iniziare, ti consigliamo di aggiungere il tuo sito Web tramite il dashboard NitroPack:

Quindi, puoi connettere il tuo account NitroPack al tuo sito utilizzando uno strumento connettore. Per WordPress, ciò significa il plug-in NitroPack dedicato su WordPress.org:

2. Scegli la tua modalità di ottimizzazione

Ora sei pronto per scegliere la tua modalità di ottimizzazione. Questa è una delle mie parti preferite di NitroPack perché è ciò che rende NitroPack così semplice.

Invece di armeggiare con un mucchio di impostazioni separate come dovresti fare nella maggior parte dei plugin, NitroPack ti consente semplicemente di scegliere una configurazione preimpostata in base alle tue esigenze. Per gli utenti più avanzati, puoi comunque armeggiare .

Puoi selezionarlo dalla dashboard di WordPress o dalla dashboard di NitroPack.

Esistono cinque diverse modalità, ma penso che la maggior parte delle persone vorrà scegliere Strong in quanto offre un buon equilibrio tra miglioramenti delle prestazioni pur preservando il funzionamento del tuo sito.

A molte persone piace anche la modalità ridicolo in quanto apporterà il più grande miglioramento ai tuoi punteggi PageSpeed ​​e ai Core Web Vitals. Tuttavia, ti consiglio di fare attenzione con questa modalità poiché il modo in cui ritarda JavaScript potrebbe interferire con alcune funzioni del tuo sito.

Ad esempio, se il menu del tuo dispositivo mobile si basa su JavaScript, la modalità ridicola potrebbe causare un comportamento strano lì. D'altra parte, se hai menu basati su CSS, questo potrebbe non essere un problema.

Quindi, sentiti libero di giocare con la modalità ridicolo per iniziare, ma preparati a tornare alla modalità forte se riscontri problemi:

3. …Profitto

Per molti utenti, questo è letteralmente tutto. Una volta scelta la modalità di configurazione, puoi smettere di pensare alle prestazioni perché NitroPack gestisce il resto.

4. …o Tinker (per utenti avanzati)

Per gli utenti più avanzati, NitroPack offre anche molte opzioni per armeggiare. È possibile escludere determinate pagine, script, cookie, risorse, parametri di query e così via.

Ottieni anche alcune opzioni interessanti, come la possibilità di ottimizzare gli script di annunci, svuotare la cache tramite webhook ( combinalo con WP Webhook per divertirti ) ed eseguire alcune altre azioni avanzate:

Se sei un utente occasionale, sentiti libero di ignorare tutte queste cose. Ma se sei un utente avanzato, probabilmente apprezzerai queste impostazioni.

Queste impostazioni possono anche aiutarti a utilizzare la modalità ridicola senza problemi perché puoi escludere determinati script che non desideri ritardare il caricamento.

NitroPack e "Blackhat SEO": è una cosa reale?

Se hai cercato altre recensioni su NitroPack, potresti aver visto l'accusa che NitroPack sia uno strumento "blackhat SEO" che induce Google a pensare che il tuo sito si carichi rapidamente anche se in realtà non lo fa.

Allora, qual è il problema qui?

Bene, la risposta diventa piuttosto tecnica, ma penso che sia abbastanza chiaro che NitroPack non sta facendo niente di male.

Il problema principale qui sembra essere la differenza tra i dati dei test di velocità di laboratorio e i dati dei test di velocità "sul campo":

• Dati di laboratorio (sintetici) : dati sulle prestazioni simulati raccolti da uno strumento di test della velocità.
• Dati sul campo: i dati sulle prestazioni reali del tuo sito sperimentati da visitatori umani reali. In genere, lo raccogli tramite il rapporto sull'esperienza utente di Chrome, disponibile in PageSpeed ​​Insights se il tuo sito ha traffico sufficiente.

I dati sul campo sono ciò che conta davvero per le prestazioni nel mondo reale (e per l'aggiornamento dell'algoritmo SEO di Page Experience di Google), ma la maggior parte delle persone si concentra troppo sui dati di laboratorio e sui "punteggi" perché sono molto più facili da raccogliere.

Il modo in cui il caricatore di risorse proprietario di NitroPack funziona in modalità ridicola spostando alcuni processi fuori dal thread principale e ritardando l'esecuzione di JavaScript significa che il tuo sito apparirà "in modo anomalo" in alcuni strumenti di test della velocità di laboratorio ( perché molti strumenti non sono in grado di rilevare il processi off-thread ).

E in qualche modo capisco quello che la gente dice qui: un sito che utilizza NitroPack e la modalità ridicola sembrerà "sospettosamente" buono in alcuni strumenti di test della velocità.

Tuttavia, il vero problema qui è se pensi che NitroPack lo stia facendo in modo dannoso per "ingannare" Google o se è solo un sottoprodotto naturale del modo in cui il loro caricatore di risorse funziona e ottimizza il tuo sito.

Personalmente, penso che sia abbastanza chiaro che NitroPack è il vero affare e questo è più un problema con il modo in cui funzionano alcuni strumenti di test della velocità piuttosto che con NitroPack che cerca di giocare con il sistema.

Ecco perché:

Prima di tutto, NitroPack non sta cercando di nascondere nulla qui perché essi stessi consigliano agli utenti NitroPack di guardare i dati reali sulle prestazioni degli utenti piuttosto che fare affidamento solo sui dati di laboratorio.

Inoltre, NitroPack sta lavorando per mettere i dati sul campo reale in primo piano e al centro nella dashboard NitroPack. Se guardi i dati sul campo reale, vedrai che NitroPack apporta grandi miglioramenti sia ai dati di laboratorio che ai dati sul campo reale.

Non puoi ingannare i dati del mondo reale. Quindi, se NitroPack stesse davvero cercando di attirare rapidamente le persone, non sarebbe intelligente da parte loro incoraggiare i propri utenti a concentrarsi sui dati del mondo reale rispetto ai dati di laboratorio.

L'ultima accusa è che NitroPack sta facendo un qualche tipo di SEO black hat che Google alla fine penalizzerà.

Onestamente, questo non ha senso per me.

Prima di tutto, la velocità della pagina è ancora un piccolo fattore di ranking, quindi non è come "ingannare" Google facendogli pensare che tu abbia un sito veloce che ti farà salire nelle classifiche. Google ha affermato che la velocità del sito è più un "tiebreaker" tra siti ugualmente rilevanti, piuttosto che qualcosa che migliorerà il tuo posizionamento da solo.

Cioè, non è che se il tuo sito passa da due secondi a un secondo cambierà qualcosa: due secondi sono già abbastanza veloci per vincere il tie-break di Google.

Oltre a ciò, penso che le accuse SEO non abbiano senso a causa del numero di siti popolari che utilizzano NitroPack e continuano a posizionarsi bene.

In effetti, utilizziamo NitroPack qui al WP Mayor! Non lo faremmo se pensassimo che ci siano impatti negativi sulla SEO.

Se vuoi verificarlo, puoi guardare le intestazioni di WP Mayor e vedrai che stiamo effettivamente usando NitroPack:

Infine, se sei davvero preoccupato, puoi utilizzare lo strumento Controllo URL in Google Search Console per vedere come appare il tuo sito con NitroPack quando Google esegue la scansione. Se lo fai, vedrai che Google rileva l'intero contenuto della tua pagina proprio come farebbe senza NitroPack.

Cioè, non c'è differenza nel contenuto del tuo sito agli occhi di Google secondo lo strumento di scansione di Google.

Prestazioni NitroPack prima/dopo

Con quella lunga discussione fuori mano, voglio guardare alcuni dati sulle prestazioni di WP Mayor.

Nonostante ciò che ho detto sopra sul fatto che i dati sul campo sono più importanti dei dati di laboratorio, userò qui uno strumento di test di velocità sintetico perché, beh, è ​​difficile per me raccogliere dati prima/dopo con tempi di caricamento dell'utente reali.

Tuttavia, userò WebPageTest, che fa un lavoro migliore della media nell'acquisizione dell'esperienza di velocità a pagina intera perché mostra sia le metriche a pieno carico che quelle complete del documento.

La metrica completamente caricata catturerà gran parte del JavaScript che NitroPack rinvia/ritarda durante il caricamento iniziale.

Poiché viviamo in un mondo mobile first, ho configurato WebPageTest con un approccio mobile first:

• Prova da un iPhone 8 emulato
• Utilizzare una connessione LTE ridotta
• Esegui nove test separati e prendi il valore mediano

Ecco i dati per la home page di WP Mayor con e senza NitroPack:

*Questo è un buon proxy per First Input Delay, disponibile solo dai dati sul campo .

**Puoi vedere che le richieste HTTP sono molto basse all'inizio perché NitroPack sta ritardando molti di questi script.

Nel complesso, puoi vedere un notevole miglioramento su tutta la linea con NitroPack, specialmente quando si tratta delle metriche Largest Contentful Paint e Document Complete.

Tieni presente che puoi ottenere questi miglioramenti con pochi clic. Ancora una volta, penso che ciò che rende unico NitroPack sia la combinazione di miglioramenti delle prestazioni e semplicità.

Se sei interessato ai punteggi di PageSpeed ​​Insights ( personalmente, non lo sono ), ho anche raccolto quelli per la home page di WP Mayor con e senza NitroPack:

Puoi vedere enormi miglioramenti anche lì, specialmente con il punteggio mobile.

Prezzo NitroPack

Ora che abbiamo coperto tutto il resto, parliamo dei prezzi di NitroPack.

Prima di tutto, NitroPack ha un piano gratuito che supporta fino a 5.000 visitatori al mese e 1 GB di larghezza di banda CDN con tutte le funzionalità. Se hai un sito a basso traffico, quel piano gratuito potrebbe funzionare bene per te, almeno all'inizio.

Tuttavia, lo svantaggio del piano gratuito è che include un badge NitroPack nel piè di pagina del tuo sito. Non è molto invadente, ma è qualcosa da tenere a mente.

Se superi i limiti gratuiti o desideri semplicemente rimuovere il badge NitroPack, dovrai pagare un piano. I piani a pagamento di NitroPack consentono la fatturazione sia mensile che annuale. Se paghi annualmente, avrai due mesi gratis.

Tutti i piani hanno le stesse caratteristiche: le uniche differenze sono i limiti di visualizzazione della pagina e la larghezza di banda CDN. Inoltre, ogni piano supporta un solo sito. Se hai molti siti, puoi contattare il team di vendita di NitroPack per conoscere le opzioni di agenzia personalizzata e piano multisito, che possono farti risparmiare denaro.

Se il tuo sito ha più di un milione di visualizzazioni di pagina o consuma più di 500 GB di larghezza di banda CDN, puoi anche contattare le vendite NitroPack per un piano personalizzato.

Inoltre, tutti i piani includono una garanzia di rimborso di 14 giorni, quindi non rischi nulla.

Considerazioni finali su NitroPack

Nel complesso, penso che ci siano alcuni vantaggi e svantaggi nell'usare NitroPack per velocizzare il tuo sito web.

I principali vantaggi di NitroPack sono che è così semplice e così completo . È uno strumento che implementa praticamente tutte le tattiche di ottimizzazione delle prestazioni, inclusi approcci unici come il modo in cui ritarda JavaScript e lo sposta fuori dal thread della CPU principale. Non credo che troverai un modo più semplice per passare da zero ad avere un sito completamente ottimizzato.

Per molte persone, specialmente per le persone non tecniche, questa è una proposta di valore davvero potente.

Lo svantaggio principale di NitroPack è che è costoso , almeno per lo spazio WordPress. Se hai un budget limitato, puoi trovare plug-in per la velocità del sito più economici per ottimizzare il tuo sito (come WP Rocket) o potresti persino creare uno stack di ottimizzazione piuttosto buono utilizzando plug-in WordPress completamente gratuiti.

Alla fine, si riduce a questo...

La velocità del sito è incredibilmente importante, quindi non puoi semplicemente ignorarla.

Quando si tratta di cosa fai per la velocità del sito, devi rispondere a questa domanda:

Sei disposto a pagare un leggero sovrapprezzo praticamente per una soluzione con un clic per risolvere i problemi di velocità del tuo sito?

Se non sei una persona molto tecnica o se preferisci concentrarti sulla creazione di contenuti e sul marketing del tuo sito anziché sull'ottimizzazione delle prestazioni, penso che potresti rientrare nella categoria "Sì".

D'altra parte, se vuoi mantenere i tuoi costi il ​​più bassi possibile, potresti rientrare nella categoria "No", nel qual caso potresti preferire un plug-in per la velocità della pagina WordPress più economico o gratuito.

Questi plugin sono semplici come NitroPack? Non proprio. Ma se sei disposto a impegnarti, puoi comunque creare un sito Web a caricamento rapido utilizzando strumenti gratuiti o meno costosi.

Se sei indeciso, ti consiglio di iscriverti a NitroPack ed eseguire alcuni test. Il processo di installazione richiede solo pochi minuti, quindi non dovrai investire molto tempo.

Oltre a ciò, c'è una garanzia di rimborso di 14 giorni, quindi non stai nemmeno rischiando denaro ( oppure potresti semplicemente provare il piano gratuito se sei d'accordo con il badge NitroPack ).