La vitesse d’affichage d’une page web est actuellement, et ce depuis un certain temps, devenu importante. Surtout en ce qui concerne l’optimisation et par conséquent le référencement. Afin de gagner ces quelques millisecondes qui feront la différence, il existe plusieurs méthodes et techniques. En voici quelques-unes, avec des exemples.

Diminuer le nombre de requêtes HTTP

Chaque requête HTTP au sein du fichier prend un certain temps, mais surtout bloque le chargement global de la page web. En effet, HTTP et HTML chargent les ressources au fur et à mesure que la page le demande.

Restreindre le nombre de fichiers, par exemple, en regroupant les css et javascript est une bonne solution. Une autre possibilité est aussi de charger l’essentiel de la page et à la fin de celle-ci, exécuter du code javascript qui sera chargé de téléverser du javascript ou encore des css.

Diminuer le nombre de requêtes DNS

Que dire, si ce n’est l’essentiel, une requête DNS prend du temps, et le temps est pris sur le chargement de votre page.

Se rapprocher du visiteur

La distance entre un serveur et un visiteur peut faire varier énormément le temps d’affichage. En effet, une information située sur un serveur a un point X du globe peut parfois faire plusieurs fois le tour de celui-ci avant d’arriver chez le visiteur Y. Tout dépends des accords entre les gestionnaires des différents réseaux, le chemin le plus économique est celui qui sera choisi¹!!!!! En résumé, plus vous êtes proches, plus cela arrive vite.

Une solution peut venir de l’utilisation de CDN qui suivant la provenance de l’IP oriente le visiteur vers le serveur le plus proche.

Diminuer la quantité de données envoyées

Cela peut paraître bête, mais moins il y a de données, moins il faut attendre pour recevoir celle-ci. Le but n’est pas de supprimer du contenu, mais bien de faire une diète, par exemple, en optimisant le code (X)HTML, CSS, javascript, … Ceci en enlevant les espaces superflus et en compressant les données envoyées. On peut notamment citer jsmin et YUI Compressor

Mais aussi utiliser le mode deflate et gzip de votre serveur web (Apache par exemple). Ceci fera prochainement l’objet d’un article.

Utiliser le cache des navigateurs

HTTP prévois un mécanisme de cache, pensez à l’utiliser. Envoyer une bonne entête HTTP sur vos fichiers afin que seul le contenu qui ai changé soit chargé par le visiteur qui revient sur votre site.

Parallèlement à cela, si vous utilisez des librairies ou des framework css ou javascript vous pouvez très bien utiliser un CDN tel que celui que Google met à votre disposition. Le cache sera le même pour tous les sites qui utiliseront ce CDN et donc le gain « risque » d’être présent même si le visiteur visite votre site pour la première fois!

Pour finir

Et il existe au moins des dizaines d’autres techniques, c’est dire si le sujet et étendu et intéressant. Certaines, sont réalisable à l’échelle de l’individu tandis que d’autres nécessitent un investissement, parfois conséquent.

Le but de cet article était d’intriguer et de vous pousser à aller plus loin. Un web plus rapide est l’affaire de tous et est bénéfique pour tous : le visiteur, le webmaster, le référencement du site, les FAI (qui paierons moins de bande passante), les hébergeurs, la planète (ben oui, un web optimiser = un web qui consomme moins!), …

Avec Zend Framework, de base le système mis en place par le contrôleur est celui-ci :

Avec des modules perso

Maintenant ajoutons la gestion des modules news et livredor:

 $ctrl->setControllerDirectory(     array(         'news'    => '/module/news/controllers',         'livredor'    => '/livredor/ctrl'     ) ); 

Comprendre le Zend_Controller_Router_Route

ce que l’on vient de voir s’explique par ceci :

 $route = new Zend_Controller_Router_Route(     ':module/:controller/:action/*',     array('module' => 'default') ); $router->addRoute('default', $route); 

Ce qui correspond à l’option par défaut. De plus, ceci nous montre un exemple de paramètre par défaut, en effet à module, on attribue la valeur default.

Allons plus loin et créer nos propres routes!

Route personnalisée

imagions un espace membre, on désire afficher chaque profile. On pourrait imaginer quelque chose du genre : http://exemple.test/profil/voir/id/5 ou encore http://exemple.test/profil/voir/membre/grummfy afin d’avoir le contrôleur profil et et l’action voir. Cependant ce n’est ni joli, ni pratique. Utilisons donc le Zend_Controller_Router_Route

 $route = new Zend_Controller_Router_Route(     'profiledemembre/:username/*',     array(         'controller' => 'profil',         'action'     => 'voir'     ) ); $router->addRoute('myProfileRoute', $route); 

Ce qu’on fait pour les url du type http://exemple.test/profiledemembre/grummfy, on assigne les valeurs suivantes :

 * controller = profil  * action = voir  * username = grummfy, ceci via les :  * et on garde la possibilité d'avoir des paramètres avec *

Dans le contrôleur profil, on fera ceci :

 <?php public function voirAction() {     $request = $this->getRequest();     $username = $request->getParam('username');     // ou     $username = $this->_getParam('username'); } 

Aller plus loin

Le manuel de Zend vous enseignera comment faire des url avec expression régulière ou encore des rotue static, et bien plus! Mais aussi cette autre page : http://framework.zend.com/manual/fr…

Pourquoi passer par feedburner?

Tout simplement car cela permet de se faire une idée des statistiques de visites, parce que cela économise ma bande passante et pour d’autres raison.

Voici les liens :

• Billets
• Commentaires

Merci

a+

Il s’agit de [Chez Xavier], c’est plus un site qu’un blog à mon goût.

Je trouve ce blog-site génial!
L’auteur est clair et net. Il explique super bien.
On comprend ce qu’il dit.

Et surtout ce blog est [accessible et respecte les standards]!

On y parle web sémantique, web 2.0 , php, symphony (un framework php), et encore plein de sujet très intéressant!

Et pour ne rien gâché, le design est vraiment sympa!