Archives par mot-clé : Optimisation

Afficher les pages très vite pour gagner plus

Toutes les études converges :

Plus un site est optimisé, en terme de temps de chargement, et mieux c’est pour le taux de transformation.

Les gains vont en fait au delà, puisque, pour donner un autre exemple, Google tient compte de ce paramètre dans son algo de pondération des sites : plus un site répond vite et mieux il sera indexé.

L’impact est énorme ! C’est un levier clé, et souvent plutôt accessible.

Donc, il faut faire un site qui répond très vite, et qui propose des pages légères.

Pour savoir ce qu’il faut faire, il y a des outils, soit à installer en plug in, soit en ligne.

Exemple :

pagespeed.googlelabs.com vous propose d’évaluer n’importe quelle page de votre site, et vous donne, en quelques secondes, des recommandations pour faire mieux.

Avec cet outil, Amazon a un score de 90 / 100 sur une page catégorie prise au hasard…

L’outil de Google estime que Amazon pourrait aller plus loin, par exemple au niveau du traitement sprite des images (qui est pourtant déjà en oeuvre sur le site).

Et avec votre site, vous avez quel score ?

UPDATE

L’outil de test gtmetrix.com propose un rapport encore plus complet (merci Ludo)

Compilez vos Javascript pour augmenter le taux de transformation !

Google vient de mettre à disposition des outils, pour mieux coder les applications Web.

Essayez le compilateur javascript.

Bon, c’est pas un vrai compilateur. Pour info, un compilateur permet de passer d’un langage à un autre.

Ici, c’est plutôt un programme qui nettoie le code, l’optimise, pour que le transfert sur le réseau soit plus rapide, et que l’interprétation soit boosté également : il faut savoir que quand le javascript arrive dans le navigateur, le temps pour passer du format texte au format exécutable est bien souvent ce qui prend le plus de temps. Réduire le nombre de caractères, c’est réduire ce temps.

J’ai fait quelques essais, ça a l’air assez efficace !

Cela permet d’avoir des pages plus légères, qui seront donc plus rapide à s’afficher… Facteur clé pour optimiser le taux de transformation !

(vu sur Silicon.fr)

Regrouper les images pour un site e-commerce plus rapide

Avoir un site qui répond rapidement, c’est fondamental.

Le problème, c’est que faire un site qui réponde rapidement, c’est pas si simple que ça.

Beaucoup de facteurs entrent en compte :

  • La qualité du système serveur, logiciel et matériel
  • L’architecture des serveurs
  • La bande passante, achetée chez l’hébergeur
  • La bande passante, chez le client
  • Les caches, qui interviennent à différents niveau (de la base de données au cache réseau type Akamai)
  • La structure et le contenu de la page web

Quand le navigateur doit afficher une page, il doit en fait faire plusieurs requêtes pour aller chercher les différents éléments de la page.

Si la page est composé de 30 images, le navigateur va faire 30 requêtes, une par image.

D’ou la solution, de regrouper les images, pour diminuer très fortement le nombre d’images à charger.

Ensuite, c’est au niveau du CSS qu’on défini la zone de la grande image qu’on veut afficher.

Typiquement, on utilise cette méthode pour les images du ‘template’ (bordures, boutons, …).

Autre avantage très important pour cette méthode : elle permet de gérer les différents états d’un bouton très proprement, puisque ces différents états sont pré-chargés à l’affichage de la page. Quand le bouton doit changer d’état (clic souris par exemple), l’affichage de la nouvelle image est instantanné, parce qu’il n’y a pas de requête pour aller chercher une nouvelle image.

Qui utilise ce type de technique ? Amazon par exemple…