Ottimizzazione delle prestazioni di WordPress: i dati vengono prima dell'ottimizzazione

Articolo scritto da:
  • WordPress
  • Aggiornato: maggio 19, 2015

Internet abbonda di articoli che ti diranno come ottimizzare le prestazioni del tuo sito WordPress. ho scritto alcuni di quelli me stessa. Se sono utili, dopo aver letto avrai una chiara idea delle migliori pratiche per migliorare le prestazioni di un sito WordPress. Ma, "best practice" è più o meno una frase in codice per "se non puoi o non imparerai a capire questo argomento in profondità, facendo questo probabilmente migliorerai le cose". Le migliori pratiche sono molto generali e sebbene la loro implementazione sia di aiuto, è improbabile che produca i migliori risultati possibili in ogni caso - e questo è l'ottimizzazione: capire come ottenere il risultato ottimale in circostanze specifiche.

Ogni sito WordPress è una combinazione unica di temi, plug-in e tweaks, ognuno dei quali può influire sulle prestazioni. L'unico modo per ottimizzare veramente un sito WordPress è sapere con precisione quali aspetti stanno causando problemi di prestazioni e concentrare i tuoi sforzi lì. C'è davvero poco da spendere soldi e tempo per creare una rete di distribuzione di contenuti internazionali se 98% dei visitatori del tuo sito di business locale vive entro 100 miglia dal server; forse il tuo tempo sarebbe stato speso con più profitto nel selezionare il widget di condivisione sociale causando ritardi di più secondi durante il caricamento della tua home page.

Per sapere dove sono posizionati i tuoi sforzi, hai bisogno di dati. Nel resto di questo articolo, evidenzierò alcuni strumenti che puoi utilizzare per profilare un sito e ottenere informazioni su ciò che sta influenzando le prestazioni.

PageSpeed ​​Insights

approfondimenti su google pagespeed

PageSpeed ​​Insights è un servizio di Google che analizza le pagine Web e fornisce un rapporto dettagliato con consigli su come migliorare le prestazioni. Ad esempio, se non stai minimizzando il tuo JavaScript, PageSpeed ​​Insights ti consente di sapere quali script potrebbero essere minimizzati e quali i potenziali benefici.

Google Pagespeed Insights per WordPress è un plug-in che accetta i dati PageSpeed ​​e li utilizza per creare un dashboard che aiuterà i proprietari dei siti a indirizzare i loro sforzi di ottimizzazione.

Pingdom Tools

strumenti di pingdom

La maggior parte dei proprietari di siti sarà già familiare con questo, ma vale la pena menzionarlo perché è molto utile. C'è qualche crossover in funzionalità con PageSpeed ​​Insights, ma se sei un pensatore visivo, scoprirai che la rappresentazione a cascata ti darà una visione chiara del processo di caricamento della pagina, rendendo facile individuare le cause della latenza.

Barra di debug Azioni lente

barra di debug

Se vuoi veramente conoscere i dettagli nitidi della performance del tuo sito, l'aggiunta di Slow Actions al Barra di debug plugin ti fornirà tutte le informazioni di cui hai bisogno.

Il plug-in mostrerà le azioni più lente di 100 per la creazione di una pagina di WordPress. Questa informazione è più utile per gli sviluppatori rispetto all'utente medio di WordPress, ma se intendi apprendere ciò che devi sapere per ottimizzare correttamente il tuo sito, questo plugin è insostituibile.

Evita le ottimizzazioni inutili

Nella parte superiore di questo articolo ho detto che le "migliori pratiche" non sono sempre le migliori per siti specifici. Questo perché alcuni consigli di ottimizzazione sono irrilevanti per alcuni siti. Per combattere, ti consiglio di raccogliere quante più informazioni possibili sul tuo sito, ma troppe informazioni possono essere tanto pericolose quanto insufficienti se non si dà la priorità alle proprie priorità.

Tieni presente che anche se questi strumenti ti dicono che "Fattore X" sta rendendo il tuo sito più lento di quanto potrebbe essere, ciò conta solo se ha un effetto tangibile sull'esperienza utente o sulle conversioni - anche la home page di Google non riesce alcuni dei suoi test PageSpeed ​​Insight. Una legge di rendimenti decrescenti opera qui. A volte veloce è abbastanza veloce, e più ottimizzazione è solo tempo sprecato. Utilizza questi strumenti, ma assicurati di inserire le informazioni che forniscono nel contesto dei tuoi obiettivi più ampi.

Ottimizzazioni che forniscono Good Bang For The Buck

Spero di aver chiarito in questo articolo che l'ottimizzazione ossessiva spesso non è il miglior uso delle risorse. Esistono tuttavia alcune ottimizzazioni che si tradurranno in prestazioni migliori per quasi tutti i siti WordPress.

Scegli Good Hosting

Hosting economico potrebbe essere allettante, ma c'è un motivo per cui è economico. I provider di hosting condiviso a basso costo tendono a sovra-vendere i loro piani. Ci saranno più siti su un server di quanto possa ragionevolmente gestire, specialmente se alcuni di essi ottengono picchi di traffico allo stesso tempo. Se il tuo hosting è lento, nient'altro che tu possa beneficiare il tuo sito il più possibile.

Caching

WordPress è un generatore di siti dinamico. Ci vuole un casino di codice PHP e query di database e li mette insieme nell'HTML che costituisce una pagina web. Non importa quanto sia veloce il tuo hosting, la generazione di pagine dinamiche è più lenta di quella delle pagine statiche. Utilizziamo generatori di siti dinamici perché offrono molti altri vantaggi: non molti di noi sarebbero felici di codificare i nostri siti da zero, ma la maggior parte delle volte non abbiamo bisogno di generare pagine per ogni visitatore: non cambiano così velocemente. Il caching ci consente di salvare le pagine generate su disco o in memoria, il che le rende quasi veloci come una pagina statica.

Il miglior plugin per la memorizzazione nella cache su WordPress è W3 Total Cache. È abbastanza semplice da usare, ma ha più che sufficienti opzioni di configurazione anche per l'ottimizzatore più dedicato. W3 Total Cache gestirà anche altre utili modifiche all'ottimizzazione, come JavaScript e CSS minification.

Caricamento JavaScript e CSS in modo asincrono

Una delle cose di cui Google PageSpeed ​​Insights si lamenterà sono i file JavaScript e CSS che caricano prima e bloccano tutto il resto. Poiché questi script sono generalmente inclusi nel <head> di un file HTML, sono tra le prime cose che il browser trova su una pagina e tutto il resto si ferma mentre caricano. Nella maggior parte dei casi, né il codice JavaScript né il CSS devono essere caricati per primi. Async JS e CSS è un plugin elegante che impedirà ai file JS e CSS di bloccare il caricamento del resto della pagina.

Una volta ottenuto un buon hosting, memorizzazione nella cache e caricamento asincrono, è giunto il momento di pensare all'utilizzo di una rete di distribuzione dei contenuti. Dopodiché, i miglioramenti apportati all'ottimizzazione inizieranno a ricadere nel reame di cui abbiamo discusso in precedenza ed è giunto il momento di riflettere seriamente sull'ottimizzazione eccessiva e sulla possibilità che il tempo spenda meglio sull'ottimizzazione del tasso di conversione o sulla scrittura di contenuti di qualità.

Informazioni su WHSR Guest

Questo articolo è stato scritto da un collaboratore ospite. Le viste dell'autore di seguito sono interamente sue e potrebbero non riflettere le opinioni di WHSR.