WordPress
<= Optimisation 3 - Chargement asynchrone

Optimisation 4 - Les caches

1. Utiliser un plugin de cache

Par exemple le plugin WP Super Cache:

Ce plugin est plutôt complet, du coup un peu long à configurer, je n'ai pas encore compris toutes les foncionnalités: création de pages statiques, compression GZIP, délai d'expiration, … etc

2. Utiliser les caches navigateur et proxy

Délai d'expiration

On peut déclarer les délais d'expiration par type de fichiers dans le .htacess à la racine :

# BEGIN Expire headers
<IfModule mod_expires.c>
 ExpiresActive On
 ExpiresDefault "access plus 7200 seconds"
 ExpiresByType image/jpg "access plus 2592000 seconds"
 ExpiresByType image/jpeg "access plus 2592000 seconds"
 ExpiresByType image/png "access plus 2592000 seconds"
 ExpiresByType image/gif "access plus 2592000 seconds"
 AddType image/x-icon .ico
 ExpiresByType image/ico "access plus 2592000 seconds"
 ExpiresByType image/icon "access plus 2592000 seconds"
 ExpiresByType image/x-icon "access plus 2592000 seconds"
 ExpiresByType text/css "access plus 2592000 seconds"
 ExpiresByType text/javascript "access plus 2592000 seconds"
 ExpiresByType text/html "access plus 7200 seconds"
 ExpiresByType application/xhtml+xml "access plus 7200 seconds"
 ExpiresByType application/javascript A2592000
 ExpiresByType application/x-javascript "access plus 2592000 seconds"
 ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
 AddType application/vnd.ms-fontobject .eot
 AddType application/x-font-ttf .ttf
 AddType application/x-font-opentype .otf
 AddType application/x-font-woff .woff
 AddType image/svg+xml .svg
 ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
 ExpiresByType application/x-font-ttf "access plus 1 year"
 ExpiresByType application/x-font-opentype "access plus 1 year"
 ExpiresByType application/x-font-woff "access plus 1 year"
 ExpiresByType image/svg+xml "access plus 1 year"
 ExpiresByType application/pdf "access 1 year"
</IfModule>
# END Expire headers

Eliminer les numéros de version

Eliminer les numéros de version utilisés pour le développement derrière les fichiers js et css pour qu'ils soient mis en cache. En effet les ressources du type
http://elisabeth.pointal.org/docfile/loadCSS.js?ver=3.2 ne sont pas mis en cache par certain proxy :

 // On remplace les numéros de versions en les incluant dans le nom du fichier
 //wp_enqueue_script( 'myplugin-js', MYPLUGIN_DIR_URL . '/js/min/myplugin.js', array(), '3.3.7', true);
  wp_enqueue_script( 'myplugin-js', MYPLUGIN_DIR_URL . '/js/min/myplugin3-3-7.js', array(), null, true);


Elisabeth Pointal 27/04/2016 16:16 —- Optimisation 5 - Autres pistes