Accueil » Serveur » Un CDN en sous-domaine

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.

 

Après avoir visité les coulisses, découvrez le site :) !

Rétroliens/Pings

  1. Changement d'icone dans une carte Google map avec Divi - […] info importante pour ceux qui utilisent un CDN local comme expliqué ici, le fichier .htaccess que vous devrez modifier…

Poster le commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Accueil » Serveur » Un CDN en sous-domaine