Miglioriamo le performance di wordpress

WordCamp Bologna - 24 novembre 2012 1

Miglioriamo le performance di Wordpress

Daniele Balboni


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?


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


Che cosa è page cache?


Che cosa è database cache?


Che cosa è browser cache?


Che cosa è CDN?


Cache plug-in

W3 total cache WP supercache


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

http://wordpress.org/extend/plugins/wp-dbmanager/

http://wordpress.org/extend/plugins/clean-options/


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


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.


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' } }


Integrare Facebook correttamente

Abilitiamo XFBML

http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/













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>


Miglioriamo le performance di wordpress

Aggiornate regolarmente Core & Plugins


Tools per testare le performance

●Yahoo YSlow ●Google Page Speed ●Pingdom Tools ●Webpagetest.org

Technology

Miglioriamo le performance di wordpress