Si vous ne connaissez pas encore HTML5 Boilerplate, il s’agit d’un template HTML/CSS/JS de tueurs pour développer des sites rapides, robustes et éprouvés pour le futur. Un maximum de bonnes pratiques et de recommandations réunis dans un seul template.

Voici maintenant la version pour email, avec un template optimisé pour l’affichage dans la majorité des lecteurs de mail tel que Gmail, Hotmail, Yahoo etc…

http://htmlemailboilerplate.com/

On connait la validation de nos CSS avec les normes W3C, voici une validation cette fois sur la qualité de vos CSS. C’est assez pratique même si parfois les recommandations ne sont pas applicable suivant votre utilisation.

http://csslint.net/

J’ai eu l’occasion de participer brièvement à ce concours, très intéressant et formateur. Voici le retour fait par l’un des jury de ce concours. Vous y trouverez des liens intéressants sur l’explication des modifications réalisées par les concurrents.

- Retour sur le Concours Webperf 2010 par BrainCracking
- Concours Webperf 2010 : les bases par BrainCracking
- Concours Webperf 2010 : maîtriser le chargement par BrainCracking
- Concours Webperf 2010 : refactoring et enseignements du concours par BrainCracking
- Ma participation au Webperf-Contest 2010 par yterium.net
-

Il n’est pas évident de comprendre cette recommandation de Google Page Speed. Je vous invite donc à consulter le sujet suivant sur le forum d’Alsacréations

A la recherche d’un outil pour tester les newsletters de mon employeur, après quelques essais un peu partout, je suis resté sur cette solution : http://www.americaint.com/spam-filter-messagetest/spamcheck.php

L’outil est simple : Indiquez l’adresse de l’expéditeur, le titre du message et le contenu de l’e–mail. Validez et attendez le résultat.

Bon courage car ce n’est pas toujours évident

Il n’est pas toujours évident de comprendre et interpréter les informations de Google Analytics. Mieux comprendre le fonctionnement de ces clients sur votre boutique en ligne est primodiale. Cet article de Web-Analytics.fr vous aidera à mieux comprendre et analyser l’entonnoir de conversion de votre boutique.

Comment analyser un entonnoir de conversion avec Google Analytics :: The Analytics Factor.

J’utilisais déjà YSlow afin d’optimiser le chargement de mes pages. Voici que Google Page Speed s’ajoute, comme YSlow, à Firebug (indispensable).

A l’exemple de YSlow, Google Page Speed propose une analyse de la performance d’une page, ainsi que les « Web Performance Best Pratices ».

Je vous invite à l’installer et je reviendrai plus tard dessus pour expliquer certaines recommandations

http://code.google.com/intl/fr/speed/page-speed/download.html

En dehors du fait que vos feuilles de styles soient nickel, il arrive à force de modifications sur vos pages, d’avoir des styles inutiles.

Vérifier à la main demanderait un travail énorme, alors que CSS Redundancy Checker le fera pour vous.

- Indiquez le lien de votre fichier css

- Puis le ou les pages que vous désirez vérifier et validez…

Attendez patiement le résultat et faite ensuite le ménage dans vos CSS.

Attention cependant à bien indiquer toutes les pages utilisant la css, avant de faire toutes les modifications proposées. Il serait dommage de supprimer un style qui s’applique à une page que vous avez oublié.

Une petite mise à jour de Yahoo Slow pour Firefox et voici que je découvre un nouvel outil : Smush.it

Le nom pour un français n’est pas évocateur, alors la meilleure chose c’est de cliquer et de voir ce qu’il va se passer. La seule indication qu’on nous donne est « Run Smush.it on all image components in this document », ce qui semble dire que cela va s’appliquer à toutes les images de la page web que je consulte.

Le 1er test se fait sur la page d’accueil de ce blog, résultat :

Smushed 2.52% or 641 bytes from the size of your image(s). How did we do it? See the table below for more details.

641 bytes de moins, Smush.it est donc un programme permettant d’optimiser le poids des images. Reste à savoir si il le fait au détriment de la qualité.
Je compare plusieurs images entre la version d’origine et celle proposée par Smush.it, aucune différence. Je lis le détail sur le site officiel : http://www.smushit.com/ sur lequel il est expliqué que la qualité de l’image n’est pas modifiée.

Que du bonheur donc ! Certes le gain n’est pas toujours gros, il va beaucoup dépendre de l’optimisation de base de vos images, mais c’est toujours cela de pris et quelques kb fois le nombre de visite, c’est une bande passante moins chargée.

Je vous invite à tester vos pages, pour cela, installer l’addon YSlow sur votre Firefox, cliquez sur Tools puis sur All Smush.it