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