Ottimizzazione delle prestazioni del tuo sito WordPress con Smush, Hummingbird e The Hub
Pubblicato: 2020-10-20Se gestisci più siti WordPress, accedere a ogni singolo sito per modificare le impostazioni delle prestazioni può essere noioso e richiedere molto tempo. La scheda Prestazioni dell'Hub ti consente di ottimizzare e gestire rapidamente le prestazioni del sito con Hummingbird e Smush da un'unica scheda.
L'Hub è una console di gestione WordPress completa che ti consente di gestire uno o più siti WordPress da una posizione centrale.
La dashboard dell'Hub è divisa in diverse schede, offrendo agli amministratori del sito un rapido accesso a tutte le principali funzioni necessarie per gestire un sito WordPress in modo efficace.
Questo tutorial si concentra sulla scheda Prestazioni di The Hub, che combina dati, impostazioni e informazioni utili a colpo d'occhio da Hummingbird (il nostro plug-in per l'ottimizzazione della velocità e la memorizzazione nella cache) e Smush (il nostro pluripremiato plug-in per la compressione e l'ottimizzazione delle immagini). permettendoti di visualizzare e modificare rapidamente e facilmente le impostazioni delle prestazioni per tutti i siti WordPress che gestisci.
Questo tutorial mostra come ottenere il massimo dalla scheda Prestazioni dell'Hub. Parliamo di come:
- Configura e gestisci le prestazioni dei tuoi siti WordPress da The Hub
- Esegui un test della velocità della pagina
- Analizzare i risultati del test di velocità
- Monitora il tempo di risposta del tuo server
- Gestisci e ottimizza le immagini del tuo sito
- Gestisci e ottimizza le risorse del tuo sito
- Gestisci la compressione GZip
- Gestisci la cache del tuo sito
- Configura Strumenti Avanzati
- Esegui report
Configura e gestisci le prestazioni dei tuoi siti WordPress da The Hub
Per gestire i siti da The Hub, dovrai prima collegarli. Puoi farlo automaticamente dall'hub stesso o da remoto utilizzando il plug-in WPMU DEV Dashboard.
Una volta connesso il tuo sito, potrai gestirlo ed accedervi direttamente dalla console di gestione dell'Hub.
Finché non installi e attivi i plugin Hummingbird e/o Smush sui tuoi siti, la scheda Prestazioni di The Hub rimarrà disattivata (inattiva).
Fai clic sulla scheda grigia Prestazioni e verrai accolto da una schermata iniziale che ti invita ad attivare Hummingbird sul tuo sito.
Puoi anche attivare i moduli Performance dalla sezione Panoramica > Servizi consigliati .
Una volta attivati, i moduli di Hummingbird visualizzano automaticamente le informazioni chiave all'interno di vari pannelli all'interno della scheda Prestazioni.
Alcuni moduli come Tempo di risposta rimangono inattivi finché non vengono attivati. Puoi attivare i moduli e il plugin Smush all'interno della scheda Prestazioni stessa.
In alternativa, puoi attivare plugin come Smush dalla scheda Plugin e temi di The Hub.
Dopo aver attivato Hummingbird e Smush, la scheda Prestazioni mostrerà i pannelli informativi combinati di entrambi i plugin.
La sezione Panoramica dell'hub fornisce inoltre un accesso rapido alla scheda Prestazioni. Facendo clic sul pannello si accede alla scheda.
Ora che sai come attivare la scheda Prestazioni in The Hub, esploriamo i suoi pannelli principali.
Esegui un test della velocità della pagina
La scheda Prestazioni ti consente di eseguire un test di velocità della pagina di Google per il tuo sito direttamente in The Hub. Se gestisci più siti WordPress, questa funzionalità ti fa risparmiare tempo reale.
Nel pannello Prestazioni , fai clic sul pulsante Esegui test e attendi qualche secondo. Verrà eseguito un test della velocità desktop e mobile del tuo sito.
Esegui un test di velocità desktop e mobile del tuo sito nel pannello Prestazioni.
Da questo pannello puoi anche accedere alla documentazione di Hummingbird e visualizzare più opzioni.
I risultati del test della velocità della pagina completato vengono visualizzati nel pannello Test della velocità, trattato nella sezione successiva di seguito.
Analizzare i risultati del test di velocità
Il pannello Speed test contiene tre sottoschede:
- Metriche del punteggio : ottieni un'istantanea immediata delle principali metriche del test di velocità del tuo sito con un punteggio codificato a colori (verde, giallo e rosso) e il risultato della velocità.
- Verifiche : visualizza risultati dettagliati dei test, identifica opportunità e aree in cui puoi migliorare le prestazioni del tuo sito e ottieni consigli dettagliati sui problemi che devono essere risolti.
- Dati sul campo storico : questa sezione è rivolta a siti consolidati e raccoglie informazioni su come un particolare URL si è comportato nel tempo in base a dati sulle prestazioni anonimizzati degli utenti nel mondo reale su una varietà di dispositivi e condizioni di rete.
Cliccando su un elemento attivo in questo pannello ti porta automaticamente nel wp-admin del tuo sito e ti rimanda direttamente alla sezione specifica contenente le correzioni o i miglioramenti consigliati.
Visualizza i consigli per il miglioramento delle prestazioni con le correzioni nel pannello Test di velocità.
Ulteriori informazioni sulle metriche del test di velocità.
Monitora il tempo di risposta del tuo server
Il pannello Tempo di risposta è uno dei pannelli principali a cui farai riferimento spesso nella scheda Prestazioni.
Visualizza i dati dalla funzione di monitoraggio del tempo di attività . Da qui puoi monitorare i tempi di risposta del tuo server e sapere immediatamente se il tuo sito è attivo, inattivo o funziona lentamente.
EBOOK GRATUITO
La tua tabella di marcia passo dopo passo verso un'attività di sviluppo web redditizia. Dall'acquisizione di più clienti alla crescita come un matto.
EBOOK GRATUITO
Pianifica, costruisci e lancia il tuo prossimo sito WP senza intoppi. La nostra lista di controllo rende il processo semplice e ripetibile.
Per letture più dettagliate, passa il mouse su qualsiasi punto dati o sezione della linea del tempo medio di risposta, fai clic sull'intestazione del modulo o su Visualizza dettagli .
Ulteriori informazioni sul pannello Tempo di risposta.
Gestisci e ottimizza le immagini del tuo sito
Il pannello Ottimizzazione immagine ti consente di vedere come Smush sta comprimendo e ottimizzando le immagini del tuo sito. Puoi anche eseguire attività come l'ottimizzazione in blocco di tutte le immagini del tuo sito, attivare/disattivare il caricamento lento , gestire la tua CDN e accedere alle impostazioni dello strumento aggiuntivo del plug-in.
Per visualizzare questo pannello, devi avere Smush installato e attivato sul tuo sito.
Ulteriori informazioni sul modulo di ottimizzazione delle immagini.
Gestisci e ottimizza le risorse del tuo sito
Il pannello Ottimizzazione delle risorse ti offre una rapida panoramica delle risorse ottimizzate del tuo sito da Hummingbird.
Questi includono le riduzioni totali ottenute nella dimensione del file, i file totali attualmente ottimizzati, se le risorse ottimizzate vengono fornite dalla CDN DEV e i tipi di file ottimizzati nella sezione Impostazioni .
Per andare direttamente alle schermate Hummingbird corrispondenti nel wp-admin del tuo sito, fai clic sul Titolo del modulo, sul collegamento Visualizza dettagli nella sezione Riduzioni totali o sull'icona a forma di ingranaggio nella sezione Impostazioni .
Ulteriori informazioni sulle impostazioni di ottimizzazione delle risorse.
Gestisci la compressione GZip
Gzip comprime le tue pagine web e i tuoi fogli di stile prima di inviarli ai browser web dei tuoi visitatori.
Questo pannello ti consente di vedere rapidamente quali tipi di contenuto sono attualmente ottimizzati con Gzip sul tuo sito e su quale tipo di server è in esecuzione il tuo sito.
Per configurare un tipo di server diverso in Hummingbird, fai clic sull'icona a forma di ingranaggio nella sezione Tipo di server .
Ulteriori informazioni sulla configurazione delle opzioni Gzip.
Gestisci la cache del tuo sito
La memorizzazione nella cache accelera i tempi di caricamento della pagina memorizzando dati temporanei sui dispositivi dei tuoi visitatori in modo che non debbano ricaricare le risorse.
Hummingbird ti consente di configurare diversi tipi di cache sul tuo sito e il pannello Caching ti consente di vedere quali opzioni di cache sono state configurate sul tuo sito utilizzando il plug-in.
Questi includono il tempo di scadenza della cache del browser impostato per ciascun tipo di file nella sezione Impostazioni , la memorizzazione nella cache della pagina, la memorizzazione nella cache di Gravatar, la memorizzazione nella cache RSS e altri tipi di memorizzazione nella cache abilitati sul tuo sito tramite Hummingbird.
Puoi andare direttamente alla schermata delle impostazioni della cache di Hummingbird nel wp-admin del tuo sito facendo clic sul titolo del pannello o sull'icona a forma di ingranaggio nella sezione Impostazioni .
Puoi anche cancellare diverse cache sul tuo sito da The Hub facendo clic sul collegamento Cancella cache .
Verrà visualizzata una finestra modale con diverse opzioni. Scegli quali cache desideri cancellare e fai clic sul pulsante.
Ulteriori informazioni sul pannello Caching.
Configura Strumenti Avanzati
Il pannello Strumenti avanzati ti consente di visualizzare un elenco di tutti gli strumenti Hummingbird disponibili e il loro stato attuale.
Fai clic sul titolo dell'icona a forma di ingranaggio per essere automaticamente indirizzato alla schermata Hummingbird > Strumenti avanzati nel wp-admin del tuo sito.
Ulteriori informazioni sull'utilizzo della sezione Strumenti avanzati di Hummingbird.
Esegui report
Il pannello dei report ti consente di visualizzare rapidamente lo stato dei report sulle prestazioni e sui tempi di risposta del tuo sito.
Facendo clic su un elemento in questo pannello si accede direttamente alla schermata Rapporti corrispondente nel wp-admin del tuo sito, dove puoi quindi abilitare o configurare una pianificazione per quella funzione.
Tieni sotto controllo le prestazioni del tuo sito da The Hub
Uno dei nostri obiettivi principali in WPMU DEV è continuare a sviluppare e migliorare The Hub per fornire ai nostri utenti un accesso più rapido e semplice alla gestione del sito WordPress.
La scheda Prestazioni non fa eccezione. Essere in grado di gestire e monitorare in modo facile e veloce le prestazioni di vari siti da una posizione centrale non solo ti fa risparmiare una notevole quantità di tempo, ma se sei uno sviluppatore web o un'agenzia che gestisce più siti WordPress, ti consente anche di ampliare la tua attività e servire più clienti.
Oltre alle funzionalità sopra descritte specifiche della scheda Prestazioni, tieni presente che The Hub può essere tradotto in diverse lingue, quindi puoi gestire le prestazioni del tuo sito nella tua lingua (se la tua lingua non è attualmente disponibile, faccelo sapere e non preoccuparti, lo sarà presto!)
L'Hub ti consente di visualizzare le prestazioni del tuo sito nella tua lingua.
Inoltre, presto sarai in grado di etichettare completamente The Hub in bianco e utilizzare The Hub con i tuoi clienti, completo di fatturazione, modelli personalizzati e host di tua scelta.
Infine, data l'ampia gamma di funzionalità di ottimizzazione disponibili nei plugin Hummingbird e Smush, presto sarai anche in grado di salvare la tua configurazione preferita e applicarla in blocco a tutti i siti nuovi ed esistenti che desideri.
Per ulteriori dettagli sull'utilizzo della scheda Prestazioni, consulta la nostra documentazione. Inoltre, per tenere sotto controllo tutti gli entusiasmanti sviluppi a cui stiamo lavorando per The Hub e tutti i nostri plugin, visita la nostra roadmap.
Ultimo ma non meno importante, se hai domande sull'utilizzo della scheda Prestazioni o hai bisogno di aiuto per qualsiasi cosa relativa a WordPress, non esitare a contattare il nostro team di supporto dedicato 24 ore su 24, 7 giorni su 7. Vogliamo aiutarti a ottenere le migliori prestazioni possibili da ogni sito WordPress che gestisci. Con la scheda Prestazioni di The Hub puoi farlo.
[Nota del redattore: questo post è stato originariamente pubblicato nell'ottobre 2020 e aggiornato nel dicembre 2023 per precisione.]