Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dall’esperienza di tutti i giorni: miglioriamo le performance di WordPress

Dall’esperienza di tutti i giorni: miglioriamo le performance di WordPress

Il 40% delle persone abbandona un sito se questo impiega più di 3 secondi a caricarsi e il 47% degli utenti dà per scontato che una pagina si carichi in 2 secondi, se non meno. Partendo dalle proprie esperienze, Giuseppe Madaudo offre alcuni suggerimenti che possono essere messi in pratica da tutti per velocizzare il proprio sito web WordPress. Alcuni dei consigli saranno regole da utilizzare con costanza, altri invece configurazioni e strumenti (come i plugin) che è bene considerare quando si lancia un sito per la prima volta o quando si decide di migliorare le performance di un sito esistente.

Your Inspiration

June 13, 2015
Tweet

More Decks by Your Inspiration

Other Decks in Technology

Transcript

  1. Dall’esperienza di tutti i giorni miglioriamo le performance di WordPress

    Relatore Ing. Giuseppe Madaudo Roma - 13/14 Giugno 2015
  2. gmadaudo Website: giuseppemadaudo.com GiuseppeMadaudo giuseppe-madaudo MI PRESENTO • Laureato in

    Ingegneria Informatica • Support Manager per Yithemes.com • Web engineer e forensic solutions
  3. IL PROBLEMA PIÙ COMUNE DI WORDPRESS: Loading... Alcuni suggerimenti per

    velocizzare il vostro sito WordPress o quello dei vostri clienti. “LA LENTEZZA”
  4. 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
  5. 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
  6. CHE COSA È “DATABASE CACHE”? Memorizzare le query più comuni

    Il contenuto più statico può essere rapidamente recuperato
  7. 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.
  8. LA TECNOLOGIA CDN Quando 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.
  9. W3 TOTAL CACHE VS WP SUPER CACHE W3 Total cache

    è il vincitore! Perché? Crea meno linee di rewrite nel vostro htaccess
  10. OTTIMIZZAZIONE DATABASE WP • WP-Optimize • Disabilitare o ridurre le

    revisioni : define(‘WP_POST_REVISIONS’, false ); O define(‘WP_POST_REVISIONS’, 3);
  11. 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!”
  12. SCRIPT NEL FOOTER E CSS IN HEAD Caricare 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 );
  13. 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]
  14. COMPRESSIONE GZIP Abilitare 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(); ?>
  15. 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
  16. OTTIMIZZARE IL CARICAMENTO DEGLI SCRIPT 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’ } }