Pierre

27 octobre 2015
w

Des questions ?

Besoin de prendre contact, de présenter votre projet ?

w

Contactez-moi !

Je serai heureux de répondre à toutes vos questions.

Contact

Un CDN en sous-domaine

Serveur

[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 […]
Code

[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.

Information : Utilisateur convaincu depuis de nombreuses années par ce thème, je suis inscrit en tant qu’affilié sur le site d’elegant themes. Ainsi en cliquant sur le logo ci-dessous, vous bénéficierez d’une remise de 10% sur l’achat du thème et si vous l’achetez, je recevrai une commission :).

0 commentaires