miglioriamo le performance di wordpress
TRANSCRIPT
WordCamp Bologna - 24 novembre 2012 1
Miglioriamo le performance di Wordpress
Daniele Balboni
WordCamp Bologna - 24 novembre 2012 2
Perchè essere veloci?
● Per ridurre la frequenza di rimbalzo ● Per aumentare il tempo speso sulla pagina ● Per incrementare il numero di pagine viste ● Per migliorare il posizionamento nei motori di ricerca ● Per offrire una user experience migliore
● Chi ama aspettare?
WordCamp Bologna - 24 novembre 2012 3
Soluzioni
● Scegliere un hosting provider affidabile e una soluzione server adeguata
● Installare un plugin di caching ● Usare un Content Delivery Networks (CDN) ● Abilitare il browser caching per html,css e script ● Ottimizzazione database ● Ridurre il numero di richieste http
WordCamp Bologna - 24 novembre 2012 4
Che cosa è page cache?
WordCamp Bologna - 24 novembre 2012 5
Che cosa è database cache?
WordCamp Bologna - 24 novembre 2012 6
Che cosa è browser cache?
WordCamp Bologna - 24 novembre 2012 7
Che cosa è CDN?
WordCamp Bologna - 24 novembre 2012 8
Cache plug-in
W3 total cache WP supercache
WordCamp Bologna - 24 novembre 2012 9
Ottimizzazione database
WP –DBManager
http://wordpress.org/extend/plugins/wp-dbmanager/
Clean options http://wordpress.org/extend/plugins/clean-options/
Disabilitare o ridurre le revisioni define('WP_POST_REVISIONS', false );
O define('WP_POST_REVISIONS', 3);
9
WordCamp Bologna - 24 novembre 2012 10
Browser caching
● I plugins possono aumentare significativamente il tempo di
caricamento della pagina aggiungendo css e scripts alla pagina. ● Caricare gli script nel footer e i css nell’head di pagina ● Abilitare la compressione gzip per le risorse html, css, xml, json e
javascript. ● Abilitare il caching dei contenuti statici ● Ottimizzare le dimensioni e il peso delle immagini: smush.it
WordCamp Bologna - 24 novembre 2012 11
Ridurre il numero di CSS
Rimuoviamo iI css caricatiodal plugin add_action('wp_print_styles','my_deregister_styles',100); function my_deregister_styles(){ wp_deregister_style('handle'); // do the same for all plugins } Inseriamo le regole css usate dal plugin all’interno del file style.css del tema. Ripetiamo questa procedura per tutti i plugin che caricano uno o più css.
WordCamp Bologna - 24 novembre 2012 12
In un mondo perfetto
WordCamp Bologna - 24 novembre 2012 13 13
Ottimizzare il caricamento degli scripts
Possiamo caricare o meno uno script in base al contesto: add_action('wp_print_scripts','my_deregister_scripts',100); function my_deregister_scripts(){ if( !is_page('home') ){ wp_deregister_script('gallery'); // in homepage non carichiamo lo script con handle 'gallery' } }
WordCamp Bologna - 24 novembre 2012 14 14
Integrare Facebook correttamente
Abilitiamo XFBML
http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/
WordCamp Bologna - 24 novembre 2012 15 15
Carichiamo in modo Asincrono
<body> <div id="fb-embed"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'XXXXXXXXXXXXXXX', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-embed').appendChild(e); }()); </script>
WordCamp Bologna - 24 novembre 2012 16 16
Miglioriamo le performance di wordpress
Aggiornate regolarmente Core & Plugins
WordCamp Bologna - 24 novembre 2012 17 17
Tools per testare le performance
●Yahoo YSlow ●Google Page Speed ●Pingdom Tools ●Webpagetest.org