Non un altro tipico codice copia e incolla l'articolo, ma piuttosto la mia esperienza di condivisione su come ottimizzo il mio sito WordPress. Per non dire che questo è il migliore, ma dovrebbe funzionare.
Alcuni temi WordPress o temi secondari in particolare utilizzano il comando @import nel file CSS per importare lo stile dal tema principale. Mentre questo metodo rende light e small lo style.css per il tema secondario, influisce sul tempo di caricamento poiché il browser deve scaricare il foglio di stile. Il file non verrà scaricato in parallelo ma verrà messo in coda, il che si aggiunge al tempo di caricamento.
Quello che faccio di solito è eliminare il comando @import dal mio file CSS e copiare semplicemente l'intero file CSS che era stato inizialmente importato. Minimizzando (usando W3 Total Cache o Wp-Minify) la dimensione del file CSS verrà ridotta.
Un altro trucco è usare il etichetta. Secondo i suggerimenti di Best Practices di Google Web Performance, il tag consente al browser di scaricare file in parallelo. Basta eliminare il comando @import nel foglio di stile e aggiungere il foglio di stile sotto forma di:
Scegli sempre il tipo asincrono di codici risorsa per i tuoi pulsanti social e Google Analytics. Penso che tutte le solite cose che abbiamo inserito nel nostro sito (Google Analytics, Facebook Mi piace e Google Plus) abbiano già questo tipo di codice. Assicurati di utilizzare i codici risorsa aggiornati e utilizza quelli asincroni.
Nella maggior parte dei casi, le esercitazioni che hai seguito da altri blog sono state scritte mesi fa e non sono state aggiornate ai codici asincroni. Altri casi riguardavano i plugin che utilizzi per inserire i pulsanti social. Puoi sempre scrivere allo sviluppatore del plugin in modo che aggiornino quei codici.
Hai bisogno di eseguire commentreply.js sulla tua prima pagina quando non ci sono funzionalità di commento lì? Questa è l'idea generale. Alcuni JavaScript in esecuzione nel tuo tema possono essere esclusi dall'esecuzione su determinate pagine per ridurre il tempo di caricamento del tuo sito. Come facciamo questo?
Una delle soluzioni è utilizzare il plugin WordPress di Widget Logic in modo da poter controllare i widget o piuttosto le pagine in cui appaiono i widget. Nel mio caso, dal momento che non mostro alcun pulsante social sulla mia pagina principale, imposto il widget particolare in modo che le risorse dello script per l'esecuzione di tali pulsanti vengano eseguite solo su pagine singole.
Potresti chiedere, perché non inserisco lo script direttamente in single.php. Il motivo è che dal momento che sto usando Twenty Eleven con un tema figlio, la barra laterale è in coda dopo il contenuto principale. Quindi, in teoria, il contenuto apparirà per primo (completamente) prima che appaiano questi pulsanti. Nessuno fa clic sui pulsanti social prima ancora di leggere il contenuto, quindi è meglio lasciare che i contenuti escano velocemente per i tuoi lettori.
L'altro metodo consiste nell'utilizzare la funzionalità Minify in W3 Total Cache. Puoi effettivamente scegliere dove inserire questi script miniati (in
, prima o dopo ) ma ciò richiede molte prove ed errori da parte vostra. L'idea è di incorporare script che vengono effettivamente utilizzati all'interno del tema e il resto prima .Durante il processo di prova ed errore, il tuo sito apparirà spesso rotto a volte, ma non ti preoccupare in quanto questo può essere risolto cancellando i cookie e la cache.
CloudFlare sta riscuotendo enorme successo tra gli utenti di WordPress. La ragione è semplice, la loro rete CDN funziona ed è gratuita. Con una maggiore sicurezza e protezione dagli spambots, CloudFlare è una buona funzionalità da aggiungere all'installazione di WordPress.
Al giorno d'oggi, puoi installare CloudFlare automaticamente dal tuo cPanel (a seconda che la tua società di hosting lo supporti o no). È ancora più facile installarlo in cPanel piuttosto che farlo manualmente.
L'idea generale di come rendere un sito veloce è ridurre le cose necessarie per caricare, la dimensione della pagina e enfatizzare gli script che hanno effettivamente creato il sito prima di altri script come annunci, pulsanti social e analisi. È consigliabile comprendere la struttura del tema e sapere cosa viene caricato prima e l'ultimo per determinare quale script è importante e quale no.
Ti suggerisco di passare un po 'di tempo ogni mese usando strumenti di benchmark come GTmetrix e Pingdom Full Page Test per analizzare il tuo sito.