Votre Navigateur ne supporte pas le JavaScript!
Home / Blog / Blog article

Notice: Undefined index: news_actus in /homepages/45/d283795163/htdocs/site-2013/tmp/templates_c/fc6d4015a0207ffcc00bd84890043ccaea513753.tpl_body.33.php on line 42

Notice: Trying to get property of non-object in /homepages/45/d283795163/htdocs/site-2013/tmp/templates_c/fc6d4015a0207ffcc00bd84890043ccaea513753.tpl_body.33.php on line 42

Optimiser CMS Made Simple

Pour vous expliquer la manière dont on peut optimiser la rapidité de chargement de son site Internet conçu sous CMS Made Simple.
 
...

Catégorie : CMS Made Simple

Partagez cet article :

Email facebook twitter Google+

Quoi de plus énervant qu'un site qui galère à se charger ? Je vous propose de découvrir pourquoi votre site Internet mais du temps à ce charger et optimiser cela afin de gagner en performance. Pour cela, nous allons utiliser les outils fournit par GTmetrix (Page Speed & YSlow).

Pour vous expliquer la manière dont on peut optimiser la rapidité de chargement de son site Internet conçu sous CMS Made Simple.

D'où vient la lenteur de notre site ?

Pour connaitre les éléments qui ralentissent le chargement de notre site, rendez-vous à l'adresse suivante : http://gtmetrix.com/ et saissisez l'url du site que vous souhaitez optimiser. GTmetrix nous permettra de connaitre rapidement les éléments qui ralentissent notre chargement et il nous donnera quelques indications pour leurs corrections.

Vous pouvez également avoir des indications utiles grâce au fichier info.php. Pour cela rien de plus simple, créer un fichier nommé info.php avec le code ci-dessous et le placer à la racine du site.

  1.  <?php
  2.  phpinfo();
  3.  ?>

Fonction [[strip]] [[/strip]] pour les css

Cette fonction permet de minimiser tous les CSS que l'on charge sur les différentes pages. CMS Made Simple combine pour les feuilles de style afin d'en obtenir qu'une seule mais il y a encore moyen de réduire un peu son poids afin de gagner en rapidité.

Pour cela, nous utiliserons la fonction [[strip]] directement dans le feuille de style. En régle générale, il est plus simple de créer une feuille nommé "base" où nous retrouverons tous les css qui composent la base des différentes pages puis créer une nouvelle feuille de style pour les pages qui ont des éléments spécifiques.

Il faudra donc mettre tout en haut de la feuille de style nommé "base" ceci [[strip]] puis à la fin des différentes feuilles de styles spécifiques [[/strip]].


Fonction JSmin pour le javascript

Cette fonction permet de minimiser tous les JS que l'on charge sur les différentes pages. Il faiut d'abord avoir préalablement installé le modole CGExtension (disponible ici). Il suffit d'ajouter le tag comme ceci.

  1.  {jsmin}{literal}
  2.  &lt;script type="text/javascript"&gt;// &lt;![CDATA[
  3.  $(function() {
  4.   $(".rslides").responsiveSlides();
  5.  auto: true
  6.   });
  7.  // ]]&gt;&lt;/script&gt;
  8.  {/literal}{/jsmin}

Pour améliorer encore un peu plus si vous utilisez le script sur plusieurs pages, il faut le mettre dans un bloc de contenu globaux, ce qui lui permettra d'être compressé est mise en cache pour l'utilisation sur les autres pages

Compression des images

En réglé générale, ce sont les images qui ralentissent énormément le chargement des pages d'un site. Je vous propose de consulter l'article que j'ai rédigé à ce sujet : Optimiser le poids de vos images .PNG! pour les images en png.

Pour les images en .jpg, vous pouvez utiliser le module disponible sur la forge nommé Image Compressor pour les optimiser automatiquement ou utiliser les services en ligne tel que :

http://www.jpegmini.com/

http://www.smushit.com/ysmush.it/

La mise en cache des images, js, css, html

  1.  ExpiresActive on
  2.  ExpiresByType image/gif "access plus 6 months"
  3.  ExpiresByType image/jpeg "access plus 6 months"
  4.  ExpiresByType image/png "access plus 6 months"
  5.  ExpiresByType text/css "access plus 6 months"
  6.  ExpiresByType text/javascript "access plus 6 months"
  7.  ExpiresByType text/html "access plus 1 day"
  8.  ExpiresByType application/x-javascript "access plus 6 months"
  9.  Header append Cache-Control "public"

Redirection vers le www

La redirection du nom de domaine monsite.fr vers www.monsite.fr est important car cela va permettre d'éviter le duplicate content qui est négatif pour le référencement auprès des moteurs de recherche qui considérent que c'est un site dupliqué. Il permet également pour les visiteurs d'arrivier sur le bon site qu'ils saisissent l'adresse sans les www.

Voici comment procéder à la redirection via le fichier .htaccess

  1.  RewriteCond %{HTTP_HOST} ^monsite.fr$
  2.  RewriteRule ^(.*) http://www.monsite.ext/$1 [QSA,L,R=301]

Mise en place de l'URL Rewriting

Nous allons avoir besoin d'éditer deux fichiers "config.php" et ".htaccess".

Dans le fichier config.php
  1.  <?php
  2.  $config['url_rewriting'] = 'mod_rewrite';
  3.  $config['page_extension'] = '.html';
  4.  $config['query_var'] = 'page';
  5.  ?>

Dans le fichier .htaccess

  1.  Options +FollowSymLinks
  2.  RewriteEngine on
  3.  RewriteBase /XXX_base
  4.  RewriteCond %{REQUEST_FILENAME} !-f
  5.  RewriteCond %{REQUEST_FILENAME} !-d
  6.  RewriteRule XXX_regex index.php?page=$1 [QSA]

Compresser le temps communication avec la base de données

Pour accélérer le temps de chargement des page du site, il est possible de réduire le temps de communication entre CMSMS et la base de données. Pour cela il faut ouvrir le fichier qui se trouve dans le dossier /lib/adodb.functions.php dans un éditeur de texte et rechercher la ligne suivante :

  1.  $dbinstance =&amp; ADONewConnection($config['dbms'], 'pear:date:extend:transaction');

Et y insérer ci-dessous, la ligne suivante :

  1.  $dbinstance-&gt;clientflags = MYSQL_CLIENT_COMPRESS;

Activé Php 5 sur les hébergements mutualisés de 1and1

Malheureusement, la version de php5 chez 1and1, n'est pas activée par défaut. Pour qu'elle le soit, il faut rajouter deux lignes au début de votre fichier .htaccess.

  1.  AddType x-mapp-php6 .php5 .php .php3 .php4 .htm .html
  2.  AddHandler x-mapp-php6 .php5 .php .php3 .php4 .htm .html

Cet article évolura petit à petit avec de nouvelles optimisation afin d'obetenir un site web toujours plus performant

Source de cet article : http://www.cmsmadesimple.fr

Catégories

Derniers articles

Je vous propose une petite compilation d'astuce et bout de code pour les...

> Lire la suite...

Dans cette article, je vous propose de découvrir comment intégrer un slider...

> Lire la suite...

A propos de l'auteur

Passionné d'informatique depuis les années 2000 et plus particulièrement par le monde du web, j'en ai fait mon métier (Chef de projets Web et auto-entrepreneur). J'ai décidé de créer ce blog afin de vous faire profiter d'astuces et de ressources autour de CMS Made Simple, HTML/CSS, JavaScript, Webdesign, ....