Dall’esperienza di tutti i giorni miglioriamo le performance di WordPress
RelatoreIng. Giuseppe Madaudo
Roma - 13/14 Giugno 2015
gmadaudo
Website: giuseppemadaudo.com
GiuseppeMadaudo giuseppe-madaudo
MI PRESENTO•Laureato in Ingegneria Informatica
•Support Manager per Yithemes.com
•Web engineer e forensic solutions
IL PROBLEMA PIÙ COMUNE DI WORDPRESS:
Loading...
Alcuni suggerimenti per velocizzare il vostro sito WordPress o quello dei vostri clienti.
“LA LENTEZZA”
PERCHÉ ESSERE VELOCI?
E POI…. A CHI PIACE ASPETTARE?
1. Per ridurre la frequenza di rimbalzo
2. Per aumentare il tempo speso sulla pagina
3. Per incrementare il numero di pagine viste
4. Per migliorare il posizionamento nei motori di ricerca
5. Per offrire una user experience migliore
LE POSSIBILI SOLUZIONI 1. Scegliere un hosting provider affidabile e una
soluzione server adeguata
2. Installare un plugin di caching
3. Usare un Content Delivery Network (CDN)
4. Abilitare il browser caching per HTML, CSS e script
5. Ottimizzazione database
6. Ridurre il numero di richieste HTTP
CHE COSA È “PAGE CACHE”? COPIA DELLE PAGINE VISUALIZZATE
CHE COSA È “DATABASE CACHE”?
Memorizzare le query più comuni
Il contenuto più statico può essere rapidamente recuperato
CHE COSA È “BROWSER CACHE”?
Memorizza immagini, file CSS e JavaScript, in una cartella temporanea
CHE COSA È CDN?
CONFUSI?
CDN è l’abbreviazione di Content Delivery Network, che è una rete di server che offrono cache di contenuti statici da siti web in base alla posizione geografica dell’utente.
LA TECNOLOGIA CDNQuando un utente visita il tuo sito (server originale), la tecnologia di CDN lo reindirizza al server più vicino alla sua posizione. • Questo limita il numero di salti Internet necessari per trasmettere i file statici per l’utente finale.
• La vicinanza per l’utente al server web ha un impatto sul tempo di caricamento.
CACHE PLUG-IN
W3 TOTAL CACHE
WP SUPERCACHE
W3 TOTAL CACHE VS WP SUPER CACHEW3 Total cache è il vincitore! Perché? Crea meno linee di rewrite nel vostro htaccess
OTTIMIZZAZIONE DATABASE WP•WP-Optimize
• Disabilitare o ridurre le revisioni : define(‘WP_POST_REVISIONS’, false );
O define(‘WP_POST_REVISIONS’, 3);
BROWSER CACHING• Limitare il numero di plugin
• Testare le prestazioni con P3 Plugin profiler “Ma come Giuseppe? Ci hai appena detto che installare plugin è male!”
SCRIPT NEL FOOTER E CSS IN HEADCaricare gli script nel footer e i CSS nell’header di pagina
//wp_register_script( $handle, $src, $deps, $ver, $in_footer );
wp_register_script( $js_name, $js_src, $jquery_deps, $js_
version, true );
COMPRESSIONE
CSS/JS
code.google.com/p/minify
È sufficiente scaricare il tool e decoprimere la sottocaretella “/min/” nella root del sito e aggiungere sul vostro file .htaccess il seguente redirect:
# Minifier Library
RewriteEngine On
RewriteBase /
RewriteRule ^(.*\.(css|js))$ min/index.
php?f=$1&debug=0 [L,NC]
COMPRESSIONE GZIPAbilitare la compressione gzip per le risorse HTML, CSS, XML, jSon e JavaScript.
<?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>
OTTIMIZZARE LE DIMENSIONI E IL PESO DELLE IMMAGINI
•Smush.it (di Yahoo)Ne esiste anche una versione plugin.
•No ridimensionamento via HTML
•Se il vostro sito fa uso di PNG, TinyPNG
OTTIMIZZARE IL CARICAMENTO DEGLI SCRIPTPossiamo 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’ } }
MIGLIORIAMO LE PERFORMANCE DI WORDPRESS
AGGIORNATE REGOLARMENTE CORE, TEMA & PLUGINS
DOMANDE?
GRAZIE!
Metterete in pratica quanto appena detto nel workshop del coach Francesco Grasso