Technologie Gadgets, SEO Tipps, Geld Verdienen mit WEB!

Come condurre un controllo delle prestazioni di WordPress e…

Come condurre un controllo delle prestazioni di WordPress e...

Sei stanco che il tuo sito WordPress funzioni lentamente e perda visitatori a causa delle scarse prestazioni? Un controllo delle prestazioni può aiutarti a identificare le cause profonde di questi problemi e fornire passaggi attuabili per migliorare la velocità e le prestazioni generali del tuo sito.

Un controllo delle prestazioni di WordPress prevede l’analisi di vari aspetti del tuo sito, come il codice, il contenuto e l’ambiente di hosting, per identificare le aree che potrebbero causarne un funzionamento lento o inefficiente. Fornisce inoltre Informazioni dettagliate sui passaggi che è possibile eseguire per migliorare le prestazioni.

In questo post del blog, ti guiderò attraverso il processo di conduzione di un controllo delle prestazioni di WordPress, incluso cosa cercare, quali strumenti Utilizzare e come interpretare i risultati. Quindi, se sei pronto a portare il tuo sito WordPress al livello successivo, continua a leggere!

Che cos’è un controllo delle prestazioni di WordPress?

Un audit del sito Web WordPress è come un controllo approfondito di un sito Web per vedere quanto velocemente si carica e quanto utilizza le risorse del computer. Ad esempio, immagina di avere un sito WordPress che impiega molto tempo per essere visualizzato quando qualcuno lo visita.

Un controllo di gestione esaminerebbe le ragioni di questa lentezza. Potrebbe essere che il le immagini sul tuo sito sono troppo grandi e devono essere ridimensionate o che ci siano plugin non necessari installati che stanno rallentando le cose.

Eseguendo questo controllo, puoi identificare e risolvere questi problemi, rendendo il tuo sito web più veloce e offrendo ai tuoi visitatori un’esperienza migliore. Questo tipo di controllo può anche essere un elenco utile quando si crea un nuovo sito Web, garantendo che tutte le cose importanti siano fatte bene fin dall’inizio.

Perché è importante un controllo delle prestazioni di WordPress?

Il mantenimento del valore del tuo sito web, sia per te che per i tuoi visitatori, dipende dalla sua continua funzionalità e ottimizzazione. Controllare regolarmente il tuo sito WordPress è un passo cruciale per raggiungere questo obiettivo.

I siti Web WordPress hanno parti diverse, come temi e plugin. Proprio come qualsiasi altro software, il tuo sito WordPress può avere problemi nel tempo. Controllarlo aiuta a risolvere questi problemi prima che diventino grandi.

Inoltre, quando controlli il tuo sito, puoi vedere quanto è buono per il marketing. Puoi controllare la velocità con cui si carica se appare nei motori di ricerca, dove inserisci i moduli e altro ancora. Quindi, nel complesso, controllare il tuo sito presenta due vantaggi principali.

Innanzitutto, mantenerne il valore e la funzionalità ti avvantaggia in quanto proprietario del sito web. In secondo luogo, ha un impatto positivo sull’esperienza dell’utente e ottimizzazione dei motori di ricerca (SEO)aiutando il tuo sito a essere facilmente trovato e utilizzato dai visitatori.

Come condurre un controllo delle prestazioni di WordPress?

Possiamo dividere il nostro controllo delle prestazioni del sito Web WordPress in tre parti:

  1. Controllo delle prestazioni del sito Web front-end (con strumenti)
  2. Controllo delle prestazioni del sito Web front-end (manualmente)
  3. Controllo delle prestazioni back-end di WordPress

Controllo delle prestazioni del sito Web front-end (con strumenti)

Nell’ambito del controllo di gestione front-end, possiamo eseguire un audit sintetico in cui ci affidiamo a strumenti e poi un audit manuale in cui facciamo tutto da soli. Cominciamo con il controllo sintetico delle prestazioni di WordPress poiché è più semplice.

1. Utilizza Chrome DevTools

Quando esegui un audit del sito Web WordPress, puoi utilizzare il file Strumenti per sviluppatori di Google Chrome, che includono molte opzioni utili per controllare e valutare un sito web. Questi strumenti sono disponibili per impostazione predefinita nel tuo browser Chrome.

Puoi avviare Chrome DevTools semplicemente facendo clic su Tasto F12 o Ctrl+Maiusc+I. Alcune delle schede importanti da controllare per migliorare le prestazioni di WordPress includono:

  1. Rete
  2. Prestazione
  3. Approfondimenti sulle prestazioni
  4. Faro

1. Rete

IL Monitoraggio della rete fornisce uno sguardo ravvicinato a tutte le richieste del tuo browser, alle risposte che ottiene e al tempo necessario per ogni passaggio. Daremmo un’occhiata a Rete scheda in modo più dettagliato nella sezione Controllo di gestione manuale di questo blog.

2. Prestazioni

La scheda Prestazioni di Chrome DevTools ti consente di analizzare il modo in cui un sito web viene caricato e visualizzato. Simula l’interazione dell’utente per fornire metriche e approfondimenti sul processo di caricamento della pagina.

Questo strumento è particolarmente utile per comprendere il filo conduttore. Esaminando gli stack di chiamate, è possibile identificare le funzioni che causano ritardi e incidono sul tempo di interattività.

La possibilità di accedere ai dettagli e alle durate delle funzioni aiuta a individuare i problemi di prestazioni. Se trovi funzioni di lunga esecuzione che bloccano il thread principale, valuta la possibilità di spostarle nei thread di lavoro per migliorare le prestazioni.

3. Approfondimenti sulle prestazioni

Come la scheda Prestazioni, la scheda Performance Insights in Chrome DevTools ti consente di valutare il caricamento del sito web. Imita l’interazione dell’utente per i test nel mondo reale. Mostra una vista a cascata dettagliata delle richieste, identificando gli elementi lenti e le funzioni di blocco.

Offre metriche chiave come DOM Content Loaded, First Contentful Paint, Largest Contentful Paint e Time To Interactive. Simula inoltre i limiti di rete/CPU e la memorizzazione nella cache. Aiuta a migliorare le prestazioni di WordPress.

4. Faro

Lighthouse crea report sul funzionamento e sull’organizzazione di un sito Web. Questi rapporti aiutano gli sviluppatori a migliorare le prestazioni del sito web. Per il controllo, puoi utilizzare lo strumento Lighthouse e valutare il sito in queste categorie:

  • Prestazione
  • Accessibilità
  • Migliori pratiche
  • SEO
  • Applicazione Web progressiva

2. Controlla la velocità del tuo sito WordPress

Siamo stati tutti lì, aspettando con impazienza che finalmente un sito web venisse caricato.

Inoltre, quando le pagine web impiegano molto tempo a caricarsi, compromettono il modo in cui gli utenti sperimentano il sito e possono persino ridurre le possibilità che le persone agiscano sulle tue pagine di destinazione importanti.

È qui che entrano in gioco gli strumenti di test della velocità della pagina!

1. Google PageSpeed ​​Insights

Google offre uno strumento chiamato PageSpeed ​​Insights che esamina la velocità di caricamento di una pagina e il suo comportamento su dispositivi mobili e desktop. Fornisce inoltre i punteggi per i Core Web Vitals. A seconda di ciò che trova, ti dà consigli pratici su come migliorare le cose.

Ma questo non è l’unico strumento che ti aiuta a conoscere la velocità del tuo sito.

2. GTmetrix

Puoi anche usare GTmetrix, che ha lo stesso scopo: aiutarti ad analizzare e risolvere i problemi di velocità della pagina.

GTmetrix è uno strumento gratuito che produce un rapporto di controllo delle prestazioni web, offrendo approfondimenti sul tuo Grado GTmetrix e Web Vitals. La rappresentazione visiva della velocità di caricamento offre una visione utile di come appare il tuo sito web durante il caricamento, combinato con le metriche visualizzate sopra di esso.

Nella parte inferiore, il rapporto evidenzia le principali problematiche, classificate in base a diversi aspetti: Prima pittura con contenuto, pittura con contenuto più grande, tempo di blocco totale e spostamento cumulativo del layout.

Se guardi lo screenshot qui sopra, puoi vedere che il punteggio complessivo è E. I siti web che desiderano offrire le migliori prestazioni dovrebbero puntare a un UN.

3. Pingdom

Pingdom è un altro strumento gratuito che offre report meno dettagliati rispetto a Google PageSpeed ​​Insights e non richiede l’accesso.

Assegna un grado di prestazione che varia da 0 a 100 al tuo sito. Quindi, suddivide le richieste classificate per dominio, dimensione del contenuto, tipi di richieste e codici di risposta e include un grafico a cascata che offre informazioni approfondite sui tempi di caricamento dei file.

Nel nostro test, se dai un’occhiata allo screenshot qui sotto, puoi vedere che il sito web ha ottenuto un punteggio di prestazione di D. Anche il tempo di caricamento non è ottimale e può essere migliorato.

4. Test della pagina Web

Test pagina Web è uno strumento gratuito che può aiutare i proprietari e gli sviluppatori di siti Web a migliorare la velocità e le prestazioni del proprio sito. Esamina attentamente i tempi di caricamento, la velocità di rendering e il consumo di rete. Riceverai un’analisi dettagliata di ciascun componente della pagina, aiutandoti a trovare rallentamenti e opportunità di miglioramento.

È particolarmente utile valutare l’efficienza di memorizzazione nella cache del browser. Inoltre, puoi accedere a parametri vitali come TTFB, keep-alive, compressione, memorizzazione nella cache del browser e prestazioni CDN.

3. Risolvere gli errori del sito web

Per conoscere eventuali problemi sul tuo sito WP, è necessario Google Search Console.

Google Search Console è uno strumento gratuito che consente agli utenti di esaminare il rendimento del proprio sito Web nei risultati di ricerca e se eventuali problemi potrebbero influire sulle sue prestazioni.

Lo fa raccogliendo dati per un periodo prolungato, fornendoti informazioni importanti sulle prestazioni del tuo sito. Sottolinea inoltre l’esperienza dell’utente e i problemi tecnici.

4. Testare le prestazioni globali

Se hai creato un sito WordPress destinato a un pubblico globale, devi assicurarti che il tuo sito web funzioni correttamente in tutte le regioni. Qui è dove avrai bisogno dell’aiuto di Test delle prestazioni KeyCDN.

KeyCDN

KeyCDN ti consente di valutare un singolo sito Web utilizzando 14 diverse località globali. Puoi mantenere privati ​​i risultati dei test o condividerli pubblicamente. I risultati forniscono informazioni su richieste, dimensione del contenuto e tempi di caricamento.

5. Monitorare i tempi di inattività del server

Dovresti considerare l’utilizzo del servizio gratuito Robot in attività strumento per controllare i tempi di inattività del tuo sito WordPress.

Robot in attività

Questo strumento esegue test sul tuo sito ogni 30 secondiinviando tempestivamente notifiche in caso di inattività.

Ciò che distingue Uptime Robot è la sua eccezionale compatibilità con le piattaforme Android e iOS. Questa funzione ti consente di rimanere informato su eventuali problemi con il tuo sito mentre sei in movimento, rendendolo una risorsa comoda e preziosa per la gestione proattiva del sito web.

6. Eseguire il test di carico

Dovresti sempre condurre un test di carico sul tuo sito per verificarne i tempi di risposta. Invece di indovinare a caso quanto traffico può ricevere il tuo sito, devi saperlo con certezza prima che sia troppo tardi.

Ma come puoi farlo? Usando Caricatore.io!

Caricatore.io

Loader.io è uno strumento gratuito per sottoporre a stress test siti Web, app e API.

Test regolari sono importanti per i siti dinamici come WordPress per valutare le prestazioni in varie situazioni di carico del server, come un traffico elevato di visitatori o potenziali attacchi bot.

Hai tre opzioni di test:

  1. Clienti per test: Distribuzione uniforme dei clienti durante il test
  2. Clienti al secondo: Numero di richieste client al secondo
  3. Mantieni il carico del client: Conteggio costante dei clienti durante il test

Controllo delle prestazioni del sito Web front-end (manualmente)

Per l’audit manuale del sito WordPress, ecco da dove dovresti iniziare:

  • Lancio Google Chrome in modalità di navigazione in incognito per evitare che eventuali dati di navigazione possano pregiudicare i risultati.
  • Utilizza il Tasto F12 per avviare Chrome DevTools e accedi al Rete scheda.
  • Abilita temporaneamente il Disabilitare la cache opzione per impedire al browser di archiviare la cache lato client.
  • Esaminare le varie sottopagine della pagina principale del sito Web desiderato. Ci penserò CNET.com come esempio qui.
  • Per compensare le fluttuazioni dei risultati, è necessario eseguire diversi test e utilizzare solo i risultati che non mostrano deviazioni evidenti.

Ok, quindi cosa dovresti cercare esattamente quando conduci un audit manuale del sito WordPress?

Ebbene, il Grafico della cascata e piè di pagina del Rete scheda. Questa scheda visualizza misurazioni importanti per l’analisi della rete.

Dai un’occhiata allo screenshot qui sotto:

In fondo, vedrai quanto segue:

  • Richieste
  • MB trasferiti
  • Risorse in MB
  • Fine
  • DOMContentLoaded
  • Carico

E accanto alla colonna Tempo vedrai il grafico a cascata. Il grafico a cascata mostra quanto tempo impiega ogni elemento a caricarsi su un sito Web e come gli elementi vengono richiesti contemporaneamente.

Questo grafico ti aiuta a determinare se la lentezza è dovuta al fatto che ci sono molte cose da caricare o se ci sono ritardi nel funzionamento delle cose. Il tempo necessario per ottenere il primo dato (TTFB) è davvero importante in questo caso.

Ora che sai cosa cercare, vediamo come interpretare i risultati.

Richieste:

Se dai un’occhiata allo screenshot, vedrai che sulla home page di cnet.com, vedrai che 190 richieste sono stati effettuati durante il caricamento della pagina.

Queste richieste includono tutto file, immagini, script e altre risorse richiede la pagina.

Cosa fare per risolvere questo problema?

Diminuire il numero di richieste inviate in rete combinando le risorse, eliminando le richieste non necessarie e utilizzando il caricamento lento per immagini e video quando opportuno.

MB trasferiti:

Andando avanti, esaminiamo il volume totale di dati in megabyte che è stato trasmesso sulla rete per caricare la pagina web e i suoi elementi associati.

Se il totale fosse 3,8MBquesta misurazione considera qualsiasi compressione delle risorse, come Gzip o Brotli, applicata durante il trasferimento.

Cosa fare per risolvere questo problema?

Riduci il volume dei dati comprimendo le risorse, ottimizzando immagini e video e implementando la compressione Gzip quando opportuno.

Risorse MB:

Questo valore indica la dimensione combinata delle risorse durante il caricamento della pagina, escludendo intestazioni e cookie. Nel mio caso, rappresenta la dimensione effettiva della risorsa dopo la decompressione del client, totale 11,0MB.

Cosa fare per risolvere questo problema?

Riduci le dimensioni delle risorse eliminando script e fogli di stile inutilizzati, ottimizzando il codice e comprimendo le risorse.

Fine:

È il tempo necessario per completare tutte le richieste di rete e scaricare completamente le risorse. Si misura in secondi. Si conclude quando viene ricevuta l’ultima risorsa.

Nel nostro caso, questa volta lo è 18,88 secondi. È importante notare che se le risorse vengono scaricate in modo asincrono, come durante la riproduzione del video, l’ora di fine continua anche dopo il caricamento completo della pagina web.

Cosa fare per risolvere questo problema?

Accelera i tempi di caricamento migliorando l’efficienza delle risorse, passando a un hosting più veloce o adottando soluzioni CDN.

Contenuto DOM caricato:

DOMContentLoaded è la durata necessaria per la costruzione e la preparazione del Document Object Model (DOM) della pagina per lo scripting. Questo tempo, misurato in secondi, termina quando la finestra del browser attiva l’evento DOMContentLoaded. Nel nostro, il tempo DOMContentLoaded che abbiamo ottenuto è stato 3,18 secondi.

Cosa fare per risolvere questo problema?

Migliora la preparazione del DOM dando priorità alle risorse essenziali, impedendo risorse che bloccano il rendering e caricando gli script in modo asincrono.

Carico:

Il tempo di caricamento rappresenta la durata del caricamento dell’intera pagina, che comprende tutte le risorse, le immagini e gli script. Questo tempo, misurato in secondi, termina quando la finestra del browser attiva il file carico evento, che indica l’elaborazione di tutte le risorse e gli script e il caricamento completo della pagina. Il tempo impiegato per caricare l’intera pagina nel nostro test è stato 5,62 secondi.

Cosa fare per risolvere questo problema?

Riduci il tempo di caricamento totale applicando le tecniche di ottimizzazione menzionate e supervisionando e perfezionando costantemente le prestazioni del tuo sito web.

1. Utilizza i filtri per semplificare l’analisi delle prestazioni

All’interno del Rete scheda, l’utilizzo di filtri semplifica l’analisi e consente l’esame mirato di particolari tipi di risorse. Le categorie disponibili sono:

  • Recupera/XHR
  • JS
  • CSS
  • Img
  • Media
  • Font
  • Dott
  • WS
  • Era
  • Manifesto
  • Altro

2. Sfrutta la funzionalità di limitazione di Chrome DevTools

Lo strumento di limitazione in Chrome DevTools ti consente di fingere di avere Internet più lento e computer più deboli come alcuni utenti. Ti aiuta a vedere come viene caricato il tuo sito web per le persone con velocità Internet diverse e dispositivi meno potenti, non solo computer veloci e buone connessioni.

3. Condurre test reattivi

Con la barra degli strumenti del dispositivo in Chrome DevTools, puoi replicare l’aspetto del tuo sito su vari dispositivi. Ciò è utile per identificare e risolvere problemi di prestazioni o di visualizzazione su cellulari e tablet.

Durante la simulazione, puoi alterare l’orientamento del dispositivo (verticale o orizzontale), modificare lo zoom e persino applicare restrizioni di rete e CPU per scenari di test più autentici.

4. Ottimizza i contenuti multimediali per le prestazioni del sito web

L’ottimizzazione dei contenuti multimediali come immagini e video su un sito Web è fondamentale per le prestazioni. Queste risorse possono rallentare i tempi di caricamento, con i video che solitamente si caricano in modo asincrono e le immagini che si caricano completamente al caricamento della pagina.

Per migliorare il caricamento delle immagini, considera il caricamento lento. Sono importanti la compressione e l’utilizzo del formato immagine corretto e la regolazione delle dimensioni per i diversi dispositivi.

Anche la compressione delle immagini è fondamentale poiché riduce le dimensioni dei file mantenendo la qualità. In piattaforme come WordPress, plugin e servizi possono aiutare con l’ottimizzazione

5. Presta attenzione alla gestione delle risorse

Per prestazioni ottimali su un sito WordPress senza incorporamenti di terze parti, un plug-in di memorizzazione nella cache come Breeze di DreamHost può funzionare bene. Tuttavia, ottenere prestazioni elevate diventa più difficile quando sono integrate risorse esterne di terze parti.

Queste risorse vengono caricate da server esterni, limitando le opzioni di ottimizzazione diretta. Tali integrazioni includono video di YouTube, script, fogli di stile, caratteri, immagini, video, widget di social media, strumenti di analisi e altro ancora.

Mira a ridurre il numero di risorse di terze parti sul tuo sito. Rimuovere quelli ridondanti o che non aggiungono valore significativo. Consolidare le risorse ove possibile.

Controllo delle prestazioni back-end di WordPress

Dopo aver completato il controllo delle prestazioni di WordPress frontend, spostiamo la nostra attenzione sul miglioramento delle prestazioni del tuo sito dal punto di vista del backend.

1. Aggiornamenti e manutenzione

  • Gestione dei plugin: Rimuovi regolarmente i plugin non necessari e mantieni aggiornati WordPress e i plugin attivi per prevenire vulnerabilità della sicurezza e problemi di prestazioni.
  • Versione PHP: Assicurati che il tuo server esegua l’ultima versione di PHP per sfruttare i miglioramenti delle prestazioni e gli aggiornamenti di sicurezza. Questa è considerata una parte importante di un controllo delle prestazioni e della sicurezza del sito WordPress.

2. Ottimizzazione del database

  • Ottimizza il database: Nel tempo, rimuovi i dati obsoleti e il disordine dal tuo database, migliorando l’efficienza.
  • Assistenza plugin: Utilizza i plugin per automatizzare la pulizia e la riduzione del database, ottimizzando le prestazioni del sistema.

3. Pianifica i lavori Cron

  • Lavori Cron: Automatizza le attività ricorrenti con il sistema WP-Cron integrato di WordPress.
  • Problemi di prestazioni: i frequenti trigger di WP-Cron durante il caricamento delle pagine possono portare a problemi di prestazioni, in particolare con attività ad alto traffico o ad alta intensità di risorse.
  • Veri lavori Cron: Migliora le prestazioni e l’affidabilità sostituendo WP-Cron con veri lavori cron controllati dal sistema. Disabilita WP-Cron e imposta processi cron guidati dal sistema tramite il pannello di controllo del tuo host web.

4. Cache lato server

  • Soluzioni di memorizzazione nella cache: Utilizza strumenti di memorizzazione nella cache lato server come LiteSpeed, Vernicee Redis per prestazioni migliorate.
  • Vantaggio di efficienza: La memorizzazione nella cache lato server memorizza i dati richiesti di frequente più vicino all’origine del server, con conseguente distribuzione dei contenuti più rapida ed efficiente rispetto ai plug-in di memorizzazione nella cache a livello di applicazione.
  • Carico del server e scalabilità: Carico del server ridotto e migliore scalabilità per traffico elevato grazie a soluzioni di caching ottimizzate.
  • Gestione dei contenuti dinamici: La memorizzazione nella cache lato server gestisce in modo efficiente i contenuti dinamici, il che è vantaggioso per i siti Web WordPress complessi.

Riepilogo

Quindi, per concludere, un sito Web a caricamento lento può portare a una diminuzione dei visitatori e delle entrate. Tuttavia, un controllo completo delle prestazioni di WordPress può individuare rapidamente i problemi e guidarti nella loro risoluzione.

Questo audit comprende due aspetti chiave: le prestazioni del sito Web front-end e gli audit back-end. L’audit front-end può essere condotto sinteticamente tramite strumenti automatizzati o manualmente tramite revisione personale.

Il tuo approccio dipende dalle tue preferenze e dai requisiti per ottimizzare le prestazioni del tuo sito web.