Scopriamo perché è importante la velocità di caricamento delle pagine di un sito Web e vediamo insieme che accorgimenti adottare per velocizzare un sito WordPress eliminando tutti quegli elementi che incidono negativamente su questo aspetto. Maggiori info su http://www.fogliata.net/
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Consigli pratici per velocizzare Wordpress
1. Consigli pratici per
velocizzare Wordpress
Tiziano Fogliata
venerdì 1 febbraio 13
2. Perchè è importante la velocità di un sito?
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
3. Motori di ricerca Frustrazione
$$$ Noia
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
4. ★Shopzilla è passato da un tempo di caricamento di 6
secondi a 1,2 secondi incrementando il fatturato del 12% e
le pagine viste del 25%
★Amazon ha incrementato i ricavi dell’1% ogni 100
millisecondi di miglioramento
★Yahoo! incrementa il traffico del 9% ogni 400
millisecondi di miglioramento
★Riducendo il tempo di caricamento di 2,2 secondi,
Mozilla ha stimato 60 milioni di download in più di Firefox
ogni anno.
Dati: http://www.scribd.com/doc/4970486/Make-Data-Useful-by-Greg-Linden-Amazoncom
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
5. La pazienza degli utenti mobile
★Ogni secondo di ritardo può
causare un calo del 7% nel tasso
di conversione.
★Nei siti e-commerce, il 47% dei
visitatori si aspetta che il sito si
carichi in meno di 2 secondi.
★Il 40%, abbandona il sito se non
si è caricato entro 3 secondi.
http://blog.kissmetrics.com/loading-time/
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
6. Come si misura la velocità?
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
14. Come e dove intervenire?
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
15. Come e dove intervenire?
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
16. ★Individuare i plugin che rallentano maggiormente il sito e
valutare se alcuni di essi sono necessari o sostituibili con
alternative
★Valutare se l’hosting è adeguato
★Migliorare il codice del tema, l’implementazione degli
script JavaScript (in fondo alla pagina e possibilmente
caricati in modalità asincrona)
★Ottimizzare le immagini
★Valutare l’utilizzo di plugin/soluzioni di caching
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
17. Plugin sconsigliati
★Broken Link Checker – Genera un eccessivo numero di richieste HTTP (meglio attivarlo quando
serve)
★Dynamic Related Posts – Come tutti i plugin per i post correlati genera un notevole carico sul server
DB
★WP Smushit – Appoggiandosi ad un server esterno, in caso di problemi con quest’ultimo puà causare
rallentamenti.
★MyReviewPlugin (MyRP) – Appesantisce notevolmente il lavoro del DB
★Google XML Sitemaps – Meglio utilizzare “Better WordPress Google XML Sitemaps” più parco in
termini di risorse utilizzate.
★SEO Auto Links & Related Posts – Genera un numero eccessivo di query che sovraccaricano il DB
★WP PostViews – scrive sul DB ad ogni caricamento di pagina. Meglio usare le statistiche di JetPack
oppure Analytics.
★Tweet Blender
★Yet Another Related Post Plugin – Carico eccessivo sul DB, meglio usare soluzioni come nrelate.com
★Similar Posts - Carico eccessivo sul DB, meglio usare soluzioni come nrelate.com
★Contextual Related Posts - Carico eccessivo sul DB, meglio usare soluzioni come nrelate.com
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
18. Caching
★W3 Total Cache – un plugin omnicomprensivo e complesso che si occupa di gestire: browser cache
page cache, object cache, database cache, minify e supporto CDN. Testare un componente alla volta per
verificare il corretto funzionamento del sito. Funziona meglio se sul server sono presenti acceleratori
PHP.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
19. Caching
★WP Super Cache - più semplice da utilizzare rispetto al precedente e più compatibile con i vari
hosting.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
20. Ottimizzazione DB
★WP-DBManager - permette di automatizzare il backup del database di WP, di ottimizzarlo e
mantenerlo ottimizzato in modo automatico.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
21. Sfruttare la cache del browser
ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
da inserire nel file .htaccess
W3 Total Cache (tempo in secondi)
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
22. Content Delivery Network
S3 e CloudFront
http://wordpress.org/extend/plugins/tantan-s3-cloudfront/
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
23. Content Delivery Network
★Con un CDN i file statici sono serviti dal server più
vicino al visitatore e non viene sovraccaricato il web server
principale
★Si risparmia banda sul web server principale
★Meno file da gestire sul server principale e meno
problemi in caso di cambio hosting.
★Miglior esperienza per gli utenti.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
24. Soluzioni alternative
Da provare, anche se personalmente non mi ha soddisfatto e ha causato più
problemi rispetto ai vantaggi
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
25. L’importanza del tema
★E’ importante scegliere un tema che non sia troppo
pesante per il server o che generi un numero eccessivo di
Query.
★Framework come Thesis e Genesis sono
particolarmente curati sotto questo punto di vista.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
26. Scelta dell’hosting
★Non risparmiate eccessivamente nella scelta dell’hosting,
compatibilmente alle esigenze del vostro sito.
★Cercate fornitori che supportino WordPress.
★Valutate soluzioni come WpEngine e Synthesis
espressamente dedicate a WP.
★WpEngine ad esempio si occupa automaticamente della
cache e dell’ottimizzazione lato server.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
27. Ulteriori consigli
★Un plugin come Widget Logic (http://wordpress.org/
extend/plugins/widget-logic/) vi permette di caricare i
widget esattamente dove servono, non in tutte le pagine
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
28. Ulteriori consigli
★Ove possibile utilizzare le Transients API di WordPress
per evitare interrogazioni inutili al DB (http://
codex.wordpress.org/Transients_API)
Esempio di widget
realizzato con “PHP Code
Widget“ sfruttando le
Transients API
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
29. Ulteriori consigli
★Se non sono strettamente necessarie, disabilitare le
revisioni dei post.
E’ sufficiente editare il file wp-config.php ed inserire
define(‘WP_POST_REVISIONS’,FALSE);
★Sostituire numerose piccole immagini (icone, sfondi ...)
tramite l’utilizzo dei CSS Sprites (http://spriteme.org/) in
modo da caricare un’unica immagine
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
30. Ulteriori consigli
★Disattivare pingback e trackback nella sezione
“Impostazioni discussione” di WP
★Disattivare la generazione automatica degli avatar per i
commentatori sprovvisti di gravatar.
Tiziano Fogliata - www.motoricerca.net
venerdì 1 febbraio 13
31. Grazie
Tiziano Fogliata
Twitter: @tixx
http://www.fogliata.net
http://www.motoricerca.net
venerdì 1 febbraio 13