Descrizione Colibrì

La velocità di caricamento è un fattore decisivo per migliorare l’esperienza utente e il posizionamento di un sito nelle pagine dei motori di ricerca (SERP), soprattutto su Google.

Hummingbird è un plug-in che ha alcune fantastiche funzionalità che puoi sfruttare per migliorare la velocità di caricamento del tuo sito WordPress per prestazioni migliori e un punteggio più alto di Google Page Speed.

Che cos’è il plug-in Hummingbird?

Hummingbird è un plugin sviluppato da WPMU DEV per aiutare gli utenti di WordPress a migliorare la velocità di caricamento del loro sito web.

Lo strumento è un plug-in di memorizzazione nella cache, ma ha anche altre funzionalità di ottimizzazione che puoi utilizzare per migliorare le prestazioni complessive del tuo sito.

Tra queste funzionalità di ottimizzazione, possiamo citare:

• Cache
• La possibilità di rinviare i fogli di stile CSS e gli script JS
• Minificazione dei codici CSS e JavaScript
• L’integrazione del Lazy Loading
• Compressione file
• Eccetera.

Milioni di file vengono compressi ogni giorno con oltre 100.000 download della versione gratuita del plug-in.

Colibrì : Commenta installer le plugin ?

L’installazione di Hummingbird dipende dalla versione del plug-in che desideri utilizzare:

1. Installa la versione gratuita di Hummingbird da WordPress

L’installazione di Hummingbird rimane abbastanza semplice come qualsiasi altro plugin di WordPress.

• Per iniziare, vai alla dashboard di WordPress
• Nella barra dei menu a sinistra, fare clic su “Plugin” quindi su “Aggiungi nuovo”
• Quindi cerca “Hummingbird” e fai clic sul pulsante “Installa ora”.
• Al termine del download, fare clic su “Attiva”.

Hummingbird è appena stato installato, dovresti essere in grado di accedere a tutte le funzionalità del plugin direttamente dalla dashboard di WordPress.

2. Programma di installazione Hummingbird Pro

Per coloro che desiderano installare la versione Pro del plug-in, è disponibile la piattaforma WPMU DEV Hub con un’interfaccia di gestione all-in-one.

Questa opzione semplifica la gestione degli aggiornamenti e l’installazione di plug-in e temi tramite un’unica area di lavoro.

Hummingbird: le caratteristiche principali del plugin

Ecco un elenco delle attività principali che puoi eseguire con il plug-in Hummingbird:

Configura la memorizzazione nella cache

Per configurare la memorizzazione nella cache con Hummingbird:

• Vai alla dashboard di WordPress
• Clicca su WP-Admin »Hummingbird »Caching
• Quindi fai clic su “Abilita” per attivare il modulo di memorizzazione nella cache di Hummingbird

Dopo aver attivato il modulo, hai un elenco di parametri per configurare la memorizzazione nella cache del tuo sito come:

Precaricamento della cache: Per impostazione predefinita, i file di una pagina vengono memorizzati nella cache solo dopo che un primo utente Internet tenta di accedere a questa pagina. La funzione di precaricamento della cache ti consente di emulare una prima visita alle tue pagine per attivare il processo di memorizzazione nella cache. Ciò migliora la velocità di caricamento delle tue pagine immediatamente dal primo vero visitatore.

Cache mobile:Questa funzione ti consente di decidere se abilitare o meno la memorizzazione nella cache per i tuoi visitatori che utilizzano dispositivi mobili.

Esclusioni:Hummingbird ti offre anche la possibilità di escludere specificamente determinati cookie, pagine o URL per evitare conflitti con programmi di terze parti. Hai anche gli interruttori a levetta per decidere facilmente quale contenuto vuoi o non vuoi essere considerato per la memorizzazione nella cache.

Ci sono molte altre funzionalità che puoi scoprire suDocumentazione ufficiale del colibrì.

GGeneralmente, nella maggior parte dei casi, non sarà necessariamente necessario utilizzare tutte queste funzionalità. Puoi abilitare la memorizzazione nella cache e lasciare il resto delle impostazioni ai valori predefiniti.

Ma se sei particolarmente interessato a una funzionalità, puoi attivarla quindi vai al piè di pagina e fai clic su “Salva impostazioni”.

Combina e minimizza i file

Combinare e minimizzare i file è una delle migliori pratiche per migliorare la velocità di caricamento di un sito web. Questa è anche una funzionalità disponibile nel plug-in Hummingbird.

Per attivarlo:

• Vai alla sezione “wp-admin”, quindi fai clic su “Hummingbird” e “Asset Optimization”.
• Quindi fare clic su “Abilita” per attivare il modulo di minificazione e combinazione di file.

Il plug-in eseguirà quindi una scansione completa del tuo sito per identificare eventuali file che potenzialmente devono essere ottimizzati.

Terminata la fase di analisi, Hummingbird visualizza sullo schermo il numero di file individuati.

Potrai quindi decidere di proseguire con la fase di ottimizzazione del file. Una volta questoAl termine di questa fase, lo strumento visualizza il numero di file ottimizzati e la dimensione totale del file che potrebbe essere ridotta.

Gli abbonatiColibrì Pro avere la possibilità di attivare in aggiunta il WPMU DEV CDN per maggiori prestazioni con una tabella di file composta da 5 icone e cioè:

• Minimizza :Per ridurre le dimensioni del file selezionato. Se si tratta di un file già minimizzato, l’icona Minify » sarà disattivata.
• Combinatore:Questa icona viene utilizzata per combinare o concatenare tutti i tuoi fogli di stile in un unico file CSS e tutti i tuoi script in un unico file JavaScript. Questo alleggerisce il browser riducendo il numero di richieste che gli vengono inviate. Così il browser è meno occupato e le pagine si caricano più velocemente.
• Sposta gli script nel piè di pagina: Questa è una tecnica che impedisce il blocco dei renderer JavaScript e CSS.
• CSS incorporato:Con questa icona puoi spostare il file CSS selezionato e renderlo direttamente accessibile online.
• Non caricare il file:Come suggerisce già il nome, questa funzione consente di bloccare il caricamento del file selezionato. Può essere utile nel caso in cui non hai necessariamente bisogno di un determinato script sul tuo sito.

È vero che conHummingbird, hai la possibilità di abilitare la concatenazione in blocco degli script. Tuttavia, si consiglia di procedere come segue per una maggiore efficienza:

Combina i file JavaScript uno per uno:Per la concatenazione dei tuoi file di script, sarebbe più giudizioso passare attraverso l’elenco degli scriptis (identificati daColibrì)e concatenare manualmente uno script alla volta e salvare le modifiche. Quindi testa il tuo codice front-end per assicurarti che tutto funzioni correttamente.

Se non sono stati rilevati problemi, salta la concatenazione dello script successivo fino a quando tutti gli script di destinazione non vengono combinati. Ciò ridurrà il numero totale di richieste inviate al browser e le tue pagine si caricheranno più velocemente.

Minimizza i file JavaScript uno per uno:Anche la minificazione è una pratica che contribuisce notevolmente a migliorare la velocità di caricamento del tuo sito. Ma per una maggiore efficienza, si consiglia di minimizzare ogni file di script separatamente. Per questo, il principio rimane lo stesso con la concatenazione.

Si sfoglia l’elenco degli script da minimizzare identificati automaticamente daColibrì, minimizza uno script alla volta e quindi salva le modifiche. Quindi prova il tuo front-end per assicurarsi che tutto funzioni perfettamente.

Dopo aver configurato tutti gli elementi presentati in precedenza, dovresti notare che il tuo sito web si carica più velocemente.

Colibrì: prezzi

Il plugin esiste in due versioni:

• Versione colibrì gratuita 
• Hummingbird Pro versione a pagamento da $ 7,5 al mese con un periodo di prova gratuito di 7 giorni per testare lo strumento prima dell’abbonamento