Strumento di test della velocità di Pingdom – Come migliorare i punteggi di Pingdom

I siti Web a caricamento rapido ottengono sempre più traffico rispetto a quelli lenti, il che influisce sul posizionamento e sulle prestazioni. In questo articolo parlerò dello strumento Pingdom Speed ​​Test, che può aiutarti a comprendere eventuali problemi di prestazioni all'interno del tuo sito. L'obiettivo è farti capire quanto è veloce il tuo sito e come puoi renderlo più veloce.

Troppo spesso, gli utenti interpretano erroneamente i dati dello strumento Pingdom Speed ​​Test, al punto da peggiorare la velocità del loro sito web. Ricorda, usa sempre tutti gli strumenti come uso guidato perché non sono precisi al 100%.

Che cos'è Pingdom Speed ​​Test Tool e cosa offre?

Pingdom è un popolare strumento gratuito per il test della velocità del web, una soluzione di monitoraggio per i tuoi siti web, applicazioni e server. Non solo monitora i tempi di attività, ma anche le prestazioni di carico in modo che tu possa vedere come i tuoi visitatori sperimentano il tuo sito. Pingdom offre servizi come il monitoraggio dei tempi di attività, il monitoraggio della velocità della pagina, il monitoraggio delle transazioni, il monitoraggio del server e le informazioni sui visitatori (RUM).

Perchè è così popolare? Bene, è probabilmente lo strumento più semplice per monitorare la velocità del sito Web e le prestazioni della pagina. Non tutti gli utenti possono essere esperti di prestazioni, quindi è una buona scelta per l'utente medio di WordPress.

Vediamo come è possibile eseguire un test su Pingdom. Usare lo strumento Pingdom Speed ​​Test non è un grosso problema: devi solo andare sul sito Pingdom, inserire il tuo URL e selezionare la posizione in base alla posizione dei tuoi visitatori. Quindi fare clic sul pulsante "Avvia test" .

Lo strumento Pingdom Speed ​​Test ti consente di testare il tuo sito Web in 7 diverse località di test (5 continenti) in tutto il mondo:

• Asia – Giappone – Tokyo
• Europa – Germania – Francoforte
• Europa – Regno Unito – Londra
• Nord America – USA – Washington DC
• Nord America – USA – San Francisco
• Pacifico – Australia – Sydney
• Sud America – Brasile – San Paolo

Quindi, quale posizione per il test di velocità del sito Web Pingdom sarebbe la migliore per i test? Dipende dai visitatori del tuo sito. Assicurati di selezionare la posizione vicina ai tuoi visitatori. Se il pubblico del tuo sito ha sede in Europa , hai 2 opzioni tra cui scegliere: (Europa – Germania – Francoforte) o (Europa – Regno Unito – Londra) . Se il tuo sito ha visitatori in tutto il mondo, prova il tuo sito in posizioni diverse e prendi le misure appropriate per migliorarlo.

Comprensione dell'analisi delle cascate con lo strumento di test della velocità di Pingdom

Una pagina web è generalmente una combinazione di HTML, CSS, JavaScript e file multimediali e ognuno di questi genera una richiesta di rendering sul server. Più richieste potrebbero essere la ragione dietro la bassa velocità del sito. Ci sono più sezioni sullo strumento Pingdom Speed ​​Test che indicano il punteggio e suggerimenti per il miglioramento. Le sezioni dello strumento Pingdom Speed ​​Test sono:

• Riepilogo Pingdom
• Migliora le prestazioni della pagina
• Codici di risposta
• Dimensioni del contenuto e richieste per tipo di contenuto
• Dimensioni dei contenuti e richieste per dominio
• Grafico a cascata

In questa sezione, ti spiegherò come puoi fare un'analisi a cascata e analizzerò ogni sezione di Pingdom e spiegherò in modo più dettagliato.

Riepilogo Pingdom

Quando esegui un sito Web WordPress tramite Pingdom, genera un risultato basato su un livello di prestazioni, dimensioni della pagina, tempo di caricamento e richieste.

Quando provi il tuo sito più volte, noterai che il tempo di caricamento del sito cambia a ogni test, mentre gli altri risultati (grado di prestazione, dimensione della pagina e richieste) rimangono gli stessi. Il motivo di questa variazione del tempo di caricamento è la cache DNS, la cache CDN, la cache di WordPress e le API esterne .

Un punteggio Pingdom migliorato dipende dalla tua applicazione web e dalla configurazione del server. Potrebbe non essere possibile ottenere sempre punteggi del 100 percento, soprattutto quando si esegue un sito di e-commerce, ma c'è sempre spazio per miglioramenti.

Migliora le prestazioni della pagina

La sezione Migliora le prestazioni della pagina include i voti complessivi delle prestazioni con suggerimenti su come migliorare le prestazioni della pagina Sebbene questi suggerimenti possano non essere applicabili a tutti i siti Web, aumentano le possibilità di miglioramento.

Diamo un'occhiata a questi suggerimenti.

1) Utilizzare una rete di distribuzione dei contenuti (CDN)

La cosa più importante da utilizzare sul tuo sito Web WordPress è un CDN (Content Delivery Network). Il CDN si riferisce a un gruppo di server geograficamente distribuiti che forniscono una consegna rapida di contenuti Internet. Si tratta di una rete di server dislocati in tutto il mondo. CDN consente il trasferimento rapido di contenuti Web avvicinandoli al luogo in cui si trovano gli utenti.

Se sei un utente Cloudways, puoi sfruttare CloudwaysCDN. Tutti i piani di hosting Cloudways hanno CloudwaysCDN integrato che può essere abilitato con pochi clic. Per saperne di più, dai un'occhiata al blog CDN di WordPress su Cloudways.

Diamo un'occhiata ad alcuni provider CDN di terze parti:

1. Chiave CDN
2. CloudFlare CDN
3. Amazon CloudFront
4. CDN77

Qui puoi vedere il benchmarking CDN di WordPress di tre popolari provider CDN ampiamente utilizzati.

2) Evita l'errore HTTP 404 (non trovato)

L'errore Evita HTTP (404) viene visualizzato nel suggerimento dello strumento Pingdom Speed ​​Test quando la richiesta non può essere completata correttamente. Un collegamento interrotto, ad esempio quando alleghi manualmente un collegamento a un'immagine eliminata all'interno della pagina, genera un errore 404.

Assicurati sempre che non venga generata alcuna richiesta per asset che non esistono più.

3) Riduci al minimo i reindirizzamenti

Il suggerimento più comune dello strumento Pingdom Speed ​​Test è "riduci al minimo i reindirizzamenti". Un reindirizzamento si verifica quando una pagina del tuo sito causa il caricamento di un'altra pagina. Questi possono accadere quando reindirizzi HTTP a HTTPS , www a non www e l'URL del post aggiornato è cambiato.

Ecco alcune cose che puoi fare per evitare che il tuo sito riceva troppi reindirizzamenti:

1. Non collegare mai una pagina che ha già un reindirizzamento, poiché ciò può causare più reindirizzamenti.
2. Assicurati di eliminare i plug-in disattivati/non utilizzati che possono causare reindirizzamenti non necessari.
3. Durante la creazione di collegamenti sul tuo sito, utilizza il prefisso HTTP o HTTPS appropriato e controlla se è www o non www.

Se vuoi saperne di più sui reindirizzamenti, consulta l'articolo Cloudways sui reindirizzamenti WP 301.

4) Aggiungi intestazioni di scadenza

Tutti i file del sito Web WordPress vengono caricati uno per uno per un visitatore per la prima volta. Le richieste generate tra il tuo browser web e il server aumentano il tempo di caricamento del sito web. La cache del browser salva i file del sito Web sul computer del visitatore, quindi quando visita nuovamente il sito Web, il sito Web viene caricato dalla cache del browser anziché dal server, il che accelera il sito Web.

Ma come fa il browser a sapere quale file salvare e quale file caricare dal server e per quanto tempo conservarli? È qui che entrano in gioco le intestazioni di scadenza. Queste sono regole che indicano ai browser Web se caricare le risorse della pagina Web dalla cache del browser di un visitatore o dal tuo server.

Ora, entriamo nella parte pratica effettiva. Ti mostrerò come aggiungere Expires Headers usando due metodi diversi.

Aggiungi intestazioni di scadenza utilizzando un plug-in

Installa un plug-in W3 Total Cache. Una volta installato e attivato, vai su Dashboard di WordPress > Prestazioni > Cache del browser , quindi abilita l'opzione "Imposta intestazione scadenza" e salva le modifiche.

Se sei curioso di saperne di più sul plug-in W3 Total Cache, consulta l'articolo Cloudways su Come utilizzare il plug-in W3 Total Cache di WordPress per siti Web più veloci.

Aggiungi intestazioni di scadenza utilizzando un codice

Puoi anche aggiungere Expires Headers usando il codice. Per questo, scopri se il tuo sito Web utilizza server Apache o Nginx. Per fare ciò, esegui il tuo sito Web sul browser, premi Ctrl + Maiusc + I per andare alla rete del sito (forse devi aggiornare il sito una volta), fai clic sul nome di dominio in alto e vai all'intestazione sezione. Lì troverai il nome del tuo server.

Per aggiungere Expires Headers a un server Apache, accedi al tuo file .htaccess utilizzando qualsiasi server FTP (Filezilla) e il codice indicato nella parte superiore del tuo file .htaccess.

 ## SCADE IL CACHING DELL'INTESTAZIONE ##
<IfModule mod_expires.c>
ScadeAttivo su
ExpiresByType image/jpg "accesso 1 anno"
ExpiresByType image/jpeg "accesso 1 anno"
ExpiresByType image/gif "accesso 1 anno"
ExpiresByType image/png "accesso 1 anno"
ExpiresByType image/svg "accesso 1 anno"
ExpiresByType testo/css "accesso 1 mese"
ExpiresByType application/pdf "accesso 1 mese"
ExpiresByType applicazione/javascript "accesso 1 mese"
ExpiresByType application/x-javascript "accesso 1 mese"
ExpiresByType application/x-shockwave-flash "accesso 1 mese"
ExpiresByType image/x-icon "accesso 1 anno"
ExpiresDefault "accesso 3 giorni"
</IfModule>
## SCADE IL CACHING DELL'INTESTAZIONE ##

Su Cloudways, non puoi apportare modifiche al livello Nginx, ma puoi utilizzare le regole Apache e aggiungere Expires Headers nel file .htaccess delle tue applicazioni. Per ulteriori informazioni, consulta l'articolo Cloudways Sfrutta la memorizzazione nella cache del browser in WordPress per ottimizzare il tempo di caricamento della pagina.

5) Fai meno richieste HTTP

Ogni volta che carichi il sito web, un sacco di cose tecniche accadono per fornire il contenuto sullo schermo dell'utente, inclusa una richiesta HTTP. Quindi cos'è una richiesta HTTP? In che modo influisce sull'esperienza dell'utente? E cosa puoi fare per ridurre le richieste HTTP del tuo sito web?

Quando qualcuno visita una pagina del tuo sito web, il browser web di quella persona invia una richiesta al tuo server web. Il tuo server ospita la pagina web che stanno cercando di visualizzare sul tuo sito. Per ogni singolo file, un browser Web deve effettuare una richiesta HTTP separata , quindi più file ha il tuo sito Web, più richieste HTTP verranno generate dal tuo browser. Più richieste HTTP possono influenzare l'esperienza utente del tuo sito web.

Ecco alcune strategie generali per effettuare meno richieste HTTP :

• Rimuovi le richieste HTTP rimuovendo i plug-in non necessari che non aggiungono valore al tuo sito, perché i plug-in di solito caricano i propri CSS e JavaScript.
• Combina le richieste HTTP unendo più file CSS in un unico file CSS. Il sito si carica più velocemente perché il browser deve effettuare meno richieste.
• Una delle strategie migliori è sostituire il plug-in dei pesi massimi con altri più leggeri.
• Sebbene le immagini rendano il tuo sito più attraente e aggiungano valore al tuo sito, rimuovi le immagini non necessarie e usa sempre le immagini ottimizzate (puoi usare ShortPixel e WP Compress per ottimizzare le tue immagini).
• Usa il caricamento lento per immagini e video.

Usa questi punti per velocizzare il tuo sito WordPress per prestazioni migliori.

6) Comprimi componenti con GZIP

La compressione GZIP è una tecnologia che riduce il tempo di download dei file comprimendo i file di dati. Tutti i browser moderni decomprimono automaticamente i file compressi quando i dati compressi vengono ricevuti dal browser. Tutti i browser moderni, i software server e tutti i migliori hosting WordPress supportano la compressione GZIP. La compressione GZIP può ridurre le dimensioni dei file fino al 70%.

Cloudways viene fornito con un plugin Breeze installato, quindi puoi ottenere la compressione GZIP semplicemente installando e attivando il plugin cache Breeze WordPress.

Ecco i plugin consigliati per la compressione GZIP:

• GZIP con WP Rocket
• GZIP con WP Super Cache
• GZIP con cache totale W3

W3 Total Cache è un plug-in di memorizzazione nella cache con una versione gratuita. Devi solo installare e attivare il plugin e la compressione GZIP verrà automaticamente abilitata sul tuo sito web. Vai su Prestazioni > Impostazioni generali e abilita la "Cache del browser" . Fare clic sul pulsante "Salva tutte le modifiche" dopo aver apportato le modifiche.

7) Evitare Src o Href vuoti

Gli attributi HTML senza alcun valore impostato (nessuna informazione tra virgolette) sono chiamati attributi 'vuoti' . L'attributo vuoto della sorgente (src) e del collegamento (href) enfatizzano il browser a cui connettersi anche se non è presente un valore URI (Uniform Resource Identifier).

Ecco alcuni esempi di tag vuoti Source (src) e Link (href) in HTML e JavaScript :

HTML:

 <img src="">
<a href="">

JavaScript:

 var img = nuova immagine ();
img.src = "";

Assicurati che non ci siano tag HTML e JavaScript vuoti sul tuo sito web. Se ci sono, eliminali e mantieni correttamente tutti i tuoi collegamenti. In secondo luogo, il problema del tag vuoto riguarda le immagini, quindi controlla sempre i collegamenti delle immagini durante il caricamento e l'utilizzo.

8) Metti JavaScript in basso

Ciò significa che carichi altri contenuti della pagina prima di JavaScript, quindi un utente con una connessione Internet lenta non deve attendere il caricamento di JavaScript. Quando JavaScript viene posizionato in alto, inizia a caricarsi per primo e influisce sull'esperienza dell'utente rallentando il resto del contenuto della pagina.

Salva il tuo file JavaScript con l'estensione .js (my-amazing-script.js) e posiziona quel file JS nella directory del tuo tema (puoi creare una directory per JavaScript, ad esempio public_html/wp-content/themes/your-theme/assets /js). Dopo aver posizionato il file JavaScript, modifica il file functions.php del tuo tema e aggiungi questo codice:

 function wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() . '/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('mio-incredibile-script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

La funzione utilizzata wp_register_script() e include:

 <?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer);
?>

Imposta il parametro $in_footer su true per aggiungere lo script nel piè di pagina o nella parte inferiore di una pagina WordPress.

Codici di risposta

La sezione successiva dello strumento di test della velocità di Pingdom è Codici di risposta, indicati anche come codici di stato HTTP. Questa sezione ti dice cosa sta succedendo con tutte le risorse che stai caricando sulla pagina. Alcuni comuni sono:

• 200 – Va tutto bene
  301 – La risorsa richiesta è stata spostata in modo permanente
  404 – La risorsa richiesta non è stata trovata

Risposte Il codice nell'intervallo da 200 a 300 di solito va bene, ma quelli tra 400 e 500 di solito sono chiamati errori che dovresti correggere.

Dimensioni del contenuto e richieste per tipo di contenuto

Questo ti aiuta a vedere le risorse della tua pagina web. Le tabelle sono le informazioni sulla distribuzione dei tuoi contenuti e delle tue richieste.

La dimensione del contenuto per tipo di contenuto fornisce un elenco di tutte le risorse del sito Web raggruppate per tipo di contenuto. Queste informazioni possono aiutarti a eliminare gli errori. Ovunque ti rendi conto che la dimensione del contenuto per tipo di contenuto è maggiore del previsto, puoi lavorare su quella parte del contenuto per migliorare le prestazioni.

Dimensioni del contenuto e richieste per dominio

La sezione Dimensioni del contenuto e richieste per dominio ti consente di vedere i servizi interni ed esterni con le loro dimensioni medie. In questa sezione vengono visualizzate le richieste generate dal dominio. Si consiglia di effettuare meno richieste esterne perché ogni servizio esterno introduce la propria latenza.

In generale, è meglio ridurre al minimo il numero di richieste e ospitare le risorse in un unico posto, ad esempio spostandole sul tuo server web o CDN. FontAwesome o BootStrap possono essere considerati come esempio. Se stai collegando lo script di FontAwesome o BootStrap esternamente, scaricalo e servilo direttamente.

Grafico a cascata

Infine, abbiamo la sezione delle richieste dello strumento di test della velocità di Pingdom, che genera un grafico a cascata. Puoi analizzare ogni richiesta per vedere i problemi di prestazioni. Questa sezione ha un grafico a cascata con codice colore dettagliato.

L'analisi a cascata di Pingdom mostra ogni singola richiesta HTTP sul tuo sito e viene utilizzata dagli sviluppatori per comprendere visivamente il caricamento del sito e identificare i colli di bottiglia. Concentrati sulle dimensioni delle connessioni: connessioni lunghe e barre lunghe bloccano il caricamento rapido del sito.

Riepilogo

Quando si tratta di strumenti per il test della velocità dei siti Web, sul mercato sono disponibili molti strumenti. Come puoi vedere, lo strumento Pingdom Speed ​​Test funziona meglio per esplorare le prestazioni del sito Web con spiegazioni e suggerimenti approfonditi.

Ti ho fornito informazioni dettagliate sul prodotto. Ora tocca a te utilizzare questo strumento per migliorare le prestazioni del tuo sito web.