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 È “PAGE CACHE”?
COPIA DELLE PAGINE VISUALIZZATE
7. CHE COSA È
“DATABASE CACHE”?
Memorizzare le query più comuni
Il contenuto più statico
può essere rapidamente recuperato
8. CHE COSA È
“BROWSER CACHE”?
Memorizza immagini,
file CSS e JavaScript,
in una cartella temporanea
9. 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.
10. 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.
14. 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!”
15. 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 );
16. 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]
17. 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();
?>
18. 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
19. 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’
}
}