[EDIT]Les nouveaux protocoles et les navigateurs récents utilisant les ressources réseaux de manières optimales, le contenu de cet article n’est laissé ici que dans un simple souci d’archivage.[/EDIT]

Dans mon article précédent, je mettais en avant quelques atouts qui peuvent contribuer à la réussite de votre site Internet. Parmi ceux-ci, je parlais d’un CDN (Content Delivery Network). Pour « vulgariser » un CDN est un prestataire dont la « seule » mission est d’être capable d’offrir un « miroir » (une copie) du contenu le plus proche possible de l’utilisateur qui souhaite le voir. Ca marche pour tous les fichiers multimédias (vidéos, images, css, javascripts, etc). L’avantage qu’un utilisateur soit au Canada, en Chine ou en France vous pouvez être sûr qu’aucun de vos utilisateurs ne sera pas pénalisé par l’emplacement depuis lequel il voit votre site. Autre avantage non négligeable en plus de la rapidité dont sont capables ces sociétés pour servir vos fichiers, le téléchargement en parallèle des ressources de vos pages. Sachant que les paramètres par défaut des navigateurs sont de 4 fichiers téléchargés simultanément par site, les provenances étant multiples elles se font en parallèle accélérant d’autant le chargement des pages de votre site Internet.

Bon ceci étant fait, nous allons, aborder la possibilité de faire soi-même un CDN « local » qui va permettre d’accélérer votre site Internet grâce aux fameuses requêtes en parallèles.

Les prérequis pour ça :

• il est important que l’url de votre site commence par www
• Il faut que vous puissiez créer un sous-domaine sur votre espace d’hébergement (nommé par exemple cdn) pointant vers le dossier wp-content de votre installation de WordPress,
• dans le fichier wp-config.php ajouter :
  • define(‘WP_CONTENT_URL’, ‘http://cdn.votresite.tld’);
    define(‘COOKIE_DOMAIN’, ‘www.votresite.tld’);
• dans le dossier wp-content ajouter un fichier .htaccess contenant les lignes suvantes :
  • Header unset PragmaFileETag None
    Header unset ETag<FilesMatch ‘.(eot|ttf|otf|woff)’>
    Header set Access-Control-Allow-Origin ‘*’
    </FilesMatch><FilesMatch ‘\.(js|css|jpg|png|jpeg|gif|xml|json|txt|pdf|mov|avi|otf|woff|ico|swf)$’>
    RequestHeader unset Cookie
    Header unset Cookie
    Header unset Set-Cookie
    </FilesMatch># Optimisation cache fichiers statiques
    <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’
    ExpiresByType text/javascript ‘access plus 2592000 seconds’
    ExpiresByType application/javascript A2592000
    ExpiresByType application/x-javascript ‘access plus 2592000 seconds’
    ExpiresByType font/vnd.ms-fontobject ‘access plus 1 year’
    ExpiresByType font/x-font-ttf ‘access plus 1 year’
    ExpiresByType font/x-font-opentype ‘access plus 1 year’
    ExpiresByType font/x-font-woff ‘access plus 1 year’
    </IfModule>
    # fin optimisation<IfModule deflate_module>
    <IfModule filter_module>
    AddOutputFilterByType DEFLATE text/plain text/html
    AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd
    AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml
    AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript
    AddOutputFilterByType DEFLATE font/x-font-otf font/font-otffont/otf font/opentype font/x-font-opentype
    AddOutputFilterByType DEFLATE font/x-font-ttf font/font-ttf font/ttf font/truetype
    </IfModule>
    </IfModule>

Et « c’est tout » :). Vous avez configuré votre propre CDN sur votre site Internet. Bon, bien sûr, ce n’est pas un vrai CDN, mais cela va grandement améliorer la fluidité de votre site pour la plupart de vos utilisateurs.