le lab

Je sors d'une mission longue et assez touffue sur un gros site protéiforme d'un opérateur. Cette mission a été rès riche sur la question de la performance et j'ai pu théoriser certaines connaissances ou idées qu j'avais sur la performance. J'ai développé mes connaissances avec des tests, des expériences, la recherche de dizaines d'article, l'usage de plusieurs outils.

J'ai obtenu des super résultats, j'ai connu des échecs cuisants.

J'en ai tiré une série de règles à respecter pour améliorer de manière fulgurante l'affichage des pages web:

1. Faire la chasse aux redirections
2. Concentrer les css et les javascipts en un minimum de fichiers
3. Faire confiance au cache
4. Compresser les contenus textuels
5. Surveiller les cookies
6. Ne pas rompre le parcours avec du https
7. Utiliser plusieurs sous domaines
8. Surveiller ses doctypes et sa syntaxe
9. Réduire le nombre d'éléments par page
10. Rendre les pages applicatives plus rapides

Ces 10 règles sont accompagnées de la règle d'or: 80% à 90% du temps d'affichage est passé dans le chargement des éléments autre que html, c'est là dessus que l'on gagne le plus et le plus facilement de la performance.

De ces règles et de cette expérience j'ai tiré un e-book. J'y décris les outils, les méthodes, les infos techniques qui vous permettront à vous aussi de gagner de précieuses secondes sur l'affichage de vos sites.

Il faut que je relise les conseils de 37signals sur les lancements de produits pour peaufiner mon discours, mais je peux plus garder le secret comme ça, et laisser passer les semaines sans écrire de billet sur la photo sans expliquer pourquoi :j'ai enfin pris mon courage à deux mains et j'ai rédigé et photographié un livre sur les bases de la photographie. Il est dans une phase de relecture à lors actuel et j'espère le publier à la rentrée (si j'ai droit à de bons couchers de soleil cet été).

Intitulé Comment prendre ses première bonnes photos avec son appareil numérique, ce livre s'adresse aux débutants de la photographie. Réalisé à partir des exemples et des connaissances que j'ai du sujet, des photos que je peux prendre avec mon matériel et dans les circonstances qui me permettent de photographier, ce livre correspond à mon avis beaucoup mieux aux besoins du débutant que tous les autres livres que j'ai pu rencontrer jusqu'à présent.

Cela me fait donc non pas un, mais deux livres en même temps à publier en ebook et chez lulu.

J'ai étendu mon blog à un nouveau sujet, la performance max des pages web. C'est un sujet d'actualité aux US et dans le microcosme de l'internet avec la sortie prochaine d'un bouquin chez O'Reilly écrit par le chief performance Yahoo, Steve Souders. C'est un peu de l'opportunisme, mais il se trouve que j'ai entrepris moi aussi de rédiger un livre sur le sujet, sans bénéficier de l'appui de Yahoo ou de O'Reilly.

Il se trouve que sous a forme de loisir (non , c'est du boulot) j'ai accompli le même type de travail que ce monsieur pendant quelques mois, et que j'ai formalisé moi aussi une méthode pour parvenir à de meilleurs temps d'affichage sur les pages.

Ecrit en français, avec des exemples consultables sur des sites français ou francophones, ce livre en est à ses dernières corrections. N'hésitez pas à m'envoyer un mail à cyril@cyrilgodefroy.com pour en savoir plus et pour être averti dès sa sortie. Il sera disponible sous la forme de e-book en pdf (sans DRM) et sous la forme de hard copy (grâce à Lulu).

Avoir des placards de photos, des planches contact ou des pages avec des photos séparées, c'est bien, mais avoir un diaporama, c'est mieux. Si vous désirez afficher vos photos avec style et élégance, plusieurs solutions existent.

Comme les différents diaporamas dont je vais vous parler servent différents usages, je n'en ferai pas de comparaison: ils ne sont pas égaux. Par contre plusieurs facteurs vous permettront j'espère de restreindre plus vite votre choix à quelques uns.

1. Simpleslide (Flash7, gratuit, Flash non nécessaire)

A tout seigneur, tout honneur. Le premier diaporama dont je parlerai est celui que j'ai fait il y a quelque temps: slidesimple. Le mot qui le caractérise, c'est simple: pas besoin de flash, juste une page html pour insérer le code du diaporama, un éditeur de texte pour le fichier de configuration. Et le meilleur, c'est qu'il est entièrement gratuit.

2. SlideshowPro (Flash7, 25 USD, Flash nécessaire)

http://www.slideshowpro.net/

Le grand père des diaporamas en Flash. Plus qu'un diaporama, c'est un moteur de diaporamas. Vous achetez en fait une extension à Flash qui permet soit de faire son propre diaporama en connectant des actions et des boutons à des prises de ce moteur, soit de faire le diaporama de base. Très complet, ce moteur a un tel succès que son auteur a décidé de s'y consacrer. Il a même une application qui fabrique désormais le xml etc pour vous. Un des intérêts principaux est que ce moteur propose une navigation complète en Flash, avec des portfolios et un sommaire.

Par contre, il vous le studio Flash pour pouvoir l'utiliser.. Vous devrez recompiler un fichier Flash.

3. Monoslideshow (flash 7, 19.95 USD, flash non nécessaire)

http://www.monoslideshow.com/

Un peu comme slidesimple, ce diaporama n'a besoin que d'un peu de xml et d'images pour fonctionner. Son truc sympa est l'usage de l'effet 'Ken Burns' dans les transitions entre photos.

4. VerticalMoon swf'n slide (49.95 USD, pas de Flash requis)

http://www.verticalmoon.com

On rentre dans un autre monde: ce n'est pas un fichier flash mais un logiciel pour créer des diaporamas au format Flash et à d'autres formats. Les possibilités de manipulation des images sont nombreuses, rotation, échelle... Et on peut utiliser différentes transitions.

J'espère que ce rapide tour d'horizon vous permettra de choisir le type de diaporama qui vous convient. N'hésitez pas à en rajouter que vous auriez trouvés dans les commentaires. Je ne suis pas contre un peu de pub.