Miglioriamo le performance di wordpress

Miglioriamo le performance di
Wordpress
Daniele Balboni

1 WordCamp Bologna - 24 novembre 2012

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);


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


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


Miglioriamo le performance di wordpress

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Destacado

Destacado (20)

Similar a Miglioriamo le performance di wordpress

Similar a Miglioriamo le performance di wordpress (20)

Más de GGDBologna

Más de GGDBologna (20)

Miglioriamo le performance di wordpress