J’y répondrai, rassurez-vous

Une édition, pourquoi si tôt ?

Une deuxième édition après seulement 9 mois de mise en rayon, ce n’est pas très courant. À vrai dire, je ne m’y attendais pas non plus mais la raison était simple. Début mars 2010, j’apprends que le premier tirage − 1800 exemplaires − arrive à épuisement. 2 alternatives me sont proposées :

• partir sur un nouveau tirage, plus important, à contenu identique
• partir sur une nouvelle édition, et justifier son titre par des ajouts ainsi qu’une actualisation du contenu

La deuxième option n’aurait pas été drôle si je n’avais pas jusqu’au 1^er avril pour fournir le nouveau manuscrit. C’est pourtant la solution retenue, notamment parce qu’un nouveau tirage aurait repoussé à 2011 toute actualisation.

L’actualité des réseaux sociaux ayant été chargée depuis septembre 2009, je souhaitais limiter l’obsolescence du contenu.

Nouveautés et changements

En grand garçon organisé et méthodique que je suis, j’avais déjà noté tous les chapitres et sous-chapitres impactés par des mises à jour de contenu. En acceptant ce petit défi, j’avais donc la tranquillité d’esprit de mon côté. Il n’y avait plus qu’à écrire.
Et c’est aussi ce qui évite tout sentiment de précipitation quant à la fenêtre réduite pour y parvenir.

Cette deuxième édition gonfle de 11 pages, avec ces nouveaux contenus :

1. inclusion du documentaire vidéo Le phénomène des blogs en clôture de premier chapitre
2. sous-chapitre « fédérer une communauté » expliquant en quoi fournir une plateforme de blogs facilite l’expression de vos suiveurs, de les canaliser et d’en faire ressortir des leaders d’opinion
3. sous-chapitre « cartographier les flux sortants », pour ne plus jamais s’emmêler les pinceaux en publiant 2 fois la même information sur autre canal de communication (Facebook, Twitter et consors)

Et du côté des changements, de manière synthétique :

1. maîtrise de son identité − ajout de Google Alertes
2. mise à jour des données sur Blogger − l’ajout de la fonctionnalité « pages »
3. mise à jour des données sur Posterous − l’ajout de la gestion des thèmes
4. mise à jour des données sur WordPress − anticipation de la fonctionnalité multi-blogs de WordPress 3.0 et suppression de WordPress Mu
5. mise à jour des données de FeedBurner − fonctionnalité Socialize
6. mise à jour des données de Facebook − synchronisation avec Twitter
7. mise à jour des données de Yammer − recherche améliorée, hashtags etc.

J’ai déjà des idées pour la troisième édition, mais si vous avez des requêtes, corrections ou d’autres idées à faire passer, n’hésitez pas

Le phénomène des blogs

Honte à moi, je n’avais pas parlé de cette vidéo réalisée par 2 anciens de mes étudiants en SRC à Bordeaux. Béatrice Valéro a, à mon sens, réalisé un sacré travail de conception/réalisation/montage. Je ne saurais que recommander son travail en dépit d’un caractère bien trempé

Toujours est-il que la trame de ce documentaire d’une quarantaine de minutes se focalise sur l’origine des blogs, leur évolution, les problématiques SEO et journalistiques sans oublier des témoignages de blogueurs, à titre perso et professionnel.

J’ai choisi d’inclure cette vidéo en fin de premier chapitre, afin de clôturer l’introduction de manière originale, avec un condensé rapide de ce qu’il faut savoir, sans pour autant faire doublon avec le reste du livre.

Cliquer ici pour voir la vidéo.

Conclusion

Cette actualisation a nécessité quelques heures de travail mais certainement pas autant que pour la première édition − tant mieux, c’est déjà assez éprouvant pour l’entourage qui nous prend pour un autiste, quand il arrive à comprendre ce besoin d’isolement.

N’imaginez pas qu’avec cette réédition, je pourrai rouler en Porsche, loin de là, et que l’inclusion dans iBooks y changera quelque chose.
Mais ça, j’y reviendrai plus tard … l’iPad sauvera peut-être la presse, mais certainement pas les auteurs.

Couverture du chapitre 5 : Gérer son blog au quotidien

Je saisis donc l’occasion pour offrir la partie traitant des blogs et des obligations légales. Et même mieux, tout le chapitre dans lequel il est inclus : gérer son blog au quotidien. Vous êtes donc à 2 clics de savoir comment gérer un blog sans craindre de représaille juridique

Contenu du chapitre offert : gérer son blog au quotidien

Ce chapitre de 56 pages contient une synthèse de ce qu’il faut savoir pour gérer un blog au quotidien, à savoir :

1. Gestion du contenu
2. Monétisation
3. Gestion de sa réputation et de son identité
4. Gestion de son infrastructure
5. Obligations légales

À mes yeux, la gestion de la réputation et des obligations légales sont fortement liées. L’usurpation d’identité ou le mensonge (sur soi) ne peuvent qu’attirer des ennuis.

La partie «obligations légales» rappelle les fondamentaux, explique les lois fondamentales et traite des notions à connaître :

• Quelles sont les responsabilités que doivent respecter les blogueurs ?
• Explications sur la loi relative à la liberté de la presse
• Explications sur la loi LCEN
• Explications sur la loi relative à la propriété intellectuelle
• Nétiquette
• Diffamation
• Respect de la vie privée
• Plagiat
• Citation des sources
• Licences d’utilisation

J’ai grassé les parties relatives à ce qui a été contrarié par l’utilisation frauduleuse de ma photo par Paris Match (malgré toute la bonne volonté possible dont ils aient pu user). Tous ces conseils s’appliquent en réalité à tout contenu partageable sur la Toile, que ce soit photo, vidéo, audio ou texte.

D’ailleurs en restant dans le domaine de la photo, la photo de couverture de ce chapitre est intitulée Gardener. Elle est publiée sous licence Creative Commons BY-ND, autorisant une utilisation commerciale. Je n’ai pas manqué de la citer dans l’ouvrage et d’en remercier l’auteur. Je m’appelle pas Paris Match

Conditions de partage de cet extrait gratuit

Le fait de partager ce chapitre ne vous laisse pas tous les droits bien entendu. Mais ça vous le savez maintenant
Tout comme mes photos, ce PDF est proposé sous licence Creative Commons BY-NC-ND. Libre à vous de le redistribuer tant qu’il y a citation de l’auteur, de la source, sans modification et en dehors d’un contexte commercial.

Vous ne souhaitez en citer qu’une partie ? On retombe sur le droit d’auteur donc une mise en forme citation, le livre, la page, l’auteur et l’édition suffisent

Bonus : extraire certaines pages d’un PDF

Pour les besoins de ce partage, j’ai eu à extraire certaines pages du PDF du livre − celui correspondant à la version papier de «Réussir son blog professionel». 3 programmes sont certes nécessaires mais ça s’effectue en 2 coups de cuillère à pot :

pdftops reussir-son-blog-pro.pdf - | psselect -p128-183 | ps2pdf - reussir-son-blog-pro-chap5.pdf

Cet enchaînement permet dans l’ordre de :

1. convertir le PDF en PostScript (en l’envoyant en sortie)
2. extraire les pages 128 à 183 du flux PostScript
3. capturer l’entrée en la convertissant en un PDF

Seul inconvénient de la méthode : l’indexation du PDF saute, de même que son titre. Je n’ai pas trop cherché, j’avoue, mais je suis preneur de toute astuce

Ce rendez-vous sera l’occasion de présenter l’ouvrage, de répondre à vos questions et de repartir avec,  signé par mes soins

Qui peut venir ? À peu près tout le monde qui s’intéresse au Web, particulier ou entreprise, avec ou sans votre petite famille.
Il y aura de toutes façons une réduction offerte par la librairie à cette occasion.

Et comme le soir je repars à Bordeaux, on peut même faire un bout de route/rail ensemble

Informations complémentaires

Librairie Eyrolles
55, 57, 61 et 63 boulevard Saint-Germain
75005 Paris
En cas de difficulté, je vous invite à consulter le plan d’accès.

Réussir son blog professionnel
Auteur : Thomas Parisot
Préface par Philippe Martin
Sortie le 3 septembre 2009, ~300 pages, 18€
ISBN-10 / ASIN : 2212125143
ISBN-13 : 978-2212125146

Motivations et objectifs

Cette envie d’apporter ma pierre sur la compréhension de l’outil blog est en partie née avec l’animation des BlogCamp Bordeaux. Cette année et demi de contribution, d’animation et de rencontres avec un large horizon de personnes m’ont laissé à penser qu’il y avait encore du chemin à parcourir pour démocratiser cet outil. Mais on parle là de démocratisation et de bonne utilisation dans un contexte professionnel. J’ai vu des utilisateurs aguéris et des personnes qui n’attendaient qu’une chose : qu’on leut confirme que ce n’était pas ringard du tout d’utiliser des blogs.

Les blogs sont des outils, pas une fin en soi et c’est pour ça que j’ai souhaité diffuser plus qu’un simple catalogue de blogs ou expliquer comment en configurer un (de blog). J’ai apporté ma vision transverse de technicien, de maître d’œuvre dans le domaine du Web et d’utilisateur averti d’outils qui changent la vie. C’est pourquoi j’ai souhaité parler de l’intégration des blogs avec un écosystème vivant : Facebook, Twitter, RSS, Yammer et j’en passe.

Tout ça est parti d’une proposition de Mémento auprès d’Eyrolles : quelques mois plus tard, c’est finalement un livre dépassant les 200 pages de contenu qui atterrira sur les étals de vos crémeries préférées. Plusieurs mois de travail m’ont été nécessaires pour traiter le sujet, de manière perfectible je préfère l’annoncer. J’ai entre temps bouquiné pas mal de références sur le sujet et je peux dores et déjà annoncer que leurs contenus seront complémentaires. Je n’ai pas l’expérience de 10 ans de déploiement de blogs en entreprise mais je pense avoir concentré les arguments et les informations nécessaires pour avoir une vision transverse du sujet : communiquer, rédiger et affirmer sa présence en ligne.
Des conseils qui s’adapteront aux futurs outils du Web, le jour où les blogs seront mis à la poubelle pour quelque chose de mieux … si tant et si bien que ça se produise

Table des matières

J’en profite pour partager avec vous la table des matières de l’ouvrage. Je suis ouvert à vos critiques mais il ne faut pas rêver : à quelques jours du bouclage il ne faudra pas espérer de changement majeur. Si c’est le cas ça sera à voir pour la deuxième édition … et les suivantes je l’espère

1. Le blog, qu’est-ce que c’est ?
   1. Site perso + Web 2.0 = blog
   2. Quelques mythes à oublier
      1. Les blogs c’est pour les gamins
      2. Le blogueur est influent
      3. Le blogueur est un journaliste
      4. Bloguer c’est facile (d’écrire, de gagner de l’argent etc.)
      5. Je peux tout faire sur un blog
      6. Sur un blog, je suis anonyme
      7. Parce que c’est sur un blog, c’est vrai
2. Un blog, pourquoi faire ?
   1. Attirer de nouveaux clients ciblés et qualifiés
   2. Communiquer avec ses clients
   3. Communiquer autour de son métier et de ses produits
   4. Affirmer son expertise
   5. Usages internes à l’entreprise
   6. Gestion communautaire
3. Les fonctionnalités de base des blogs
   1. Billets
   2. Pages
   3. Catégories et Tags
   4. Commentaires / Pings / Rétroliens
   5. Liens / Blogroll
   6. Modules complémentaires : Extensions / Plugins
   7. Thèmes graphiques / Widgets
   8. Revue de presse numérique : la syndication RSS
4. Quelques questions à se poser avant de commencer
   1. De quoi vais-je bloguer ?
   2. Avec qui ?
   3. Sous quel nom ?
   4. À quelle adresse ?
   5. En quelle(s) langue(s) ?
   6. Combien de ressources ?
      1. Combien de temps ?
      2. Combien d’argent ?
   7. Quel hébergement choisir ?
      1. Gratuit
      2. Mutualisé
      3. Dédié
5. Gérer un blog au quotidien
   1. Son contenu
      1. Publier du nouveau contenu
      2. Enrichir les anciens articles
      3. Modérer les commentaires
      4. Monétiser son contenu
   2. Sa réputation
      1. Consulter ses statistiques
      2. Commenter en dehors de son blog
      3. Maîtriser son identité
      4. L’économie de la conversation
   3. Son infrastructure
      1. Choisir ses extensions
      2. Planifier des sauvegardes
      3. Mettre à jour le logiciel
      4. Respecter son budget
   4. Obligations légales
      1. Quatre articles de loi pour les gouverner tous
      2. Diffamation
      3. Respect de la vie privée
      4. Plagiat
6. Quel logiciel choisir ?
   1. La grille de critères
   2. Blogs hébergés
      1. WordPress.com
      2. TypePad
      3. Blogger
      4. Posterous
   3. Blogs à héberger
      1. WordPress
      2. Dotclear
      3. Movable Type
      4. Typo
   4. Outils de gestion de contenu (CMS)
      1. Drupal
      2. SPIP
7. Utiliser des services complémentaires pour étendre votre réseau
   1. Gestion de communautés
      1. MyBlogLog
      2. Who’s Hot?
      3. Google Friend Connect
   2. Republier du contenu
      1. Feedburner
      2. Facebook
      3. soup.io
      4. Sur des Planet
      5. Sur vos propres sites
   3. Moteurs de recherche de blogs
      1. Google Blog Search
      2. Technorati
      3. Twingly
      4. Wikio
   4. Microblogs
      1. Twitter
      2. FriendFeed
      3. Identi.ca
      4. Yammer
      5. Ping.fm
   5. Outils de publication à distance
      1. Windows Live Writer
      2. ScribeFire
      3. iPhone
      4. Flock
      5. Ecto
      6. MarsEdit
      7. Autres solutions de publication

Cette table des matières est encore sujette à évolution, notamment dans le choix des titres. À ce stade là, il me paraît difficile de changer profondément la structure

Et la suite ?

Pendant cette fin de mois de juillet, je procède aux corrections sur les judicieux conseils de ma batterie de relecteurs. Philippe Martin participe également au projet en proposant une préface et sa vision franco-canadienne de l’utilité des blogs. Au mois d’août, l’imprimeur fait son office pour que le 3 septembre vous puissiez apprécier le travail mené et commencer à m’insulter parce que de toutes façons, les blogs c’est nul, ça craint et que le classement Wikio ça sert à rien

D’ici là je vous livrerai quelques billets sur cette épreuve car malgré l’aspect sympathique d’écrire un livre, c’est avant tout une aventure humaine, tant d’un point de vue personnel que professionnel.

Comme je ne savais plus quoi faire de mes journées, j’ai tenté le coup.
Le petit se porte bien et devrait voir le jour aux alentours du mois de juin 2009. Le prénom n’est pas encore officiel, ça peut encore changer.

Un grand merci à celles et ceux qui subissent et vont subir mon autarcie jusqu’à l’accouchement
C’est d’ailleurs pourquoi je vais légèrement ralentir la cadence sur le blog en passant à 1 billet toutes les 2 semaines maximum.

On se tient au courant pour les festivités.

Ce titre fortement accrocheur à la limite de l’injure annonce la couleur : l’ouvrage est censé vous expliquer que les techniques employées aujourd’hui ne sont que du bricolage et qu’on peut faire la même chose en plus propre et plus simple.

En route pour cette saine lecture … ou pas.

Chapitrage

Everything You Know About CSS Is Wrong! est découpé en 5 chapitres. Cela représente un volume d’une petite centaine de pages. En voici la structure :

1. The Problem with CSS
2. CSS Table Layout
3. CSS Table Solutions
4. Considering Older Browsers
5. The Road Ahead

Si vous commencez à flairer le mauvais plan, vous n’avez pas tout à fait tort.

display: table-cell au lieu de float/clear/margin

Tel serait le credo de l’ouvrage. C’est en teneur ce qui y est distillé, ni plus ni moins.

Quand on y repense, aujourd’hui on utilise vraiment des techniques à la noix pour positionner les flux, pour imiter des colonnes de taille égale. Tout ça pourquoi ? Parce que le navigateur dominant du marché s’appelle Internet Explorer 6/7 et ne permet pas d’utiliser l’attribut CSS display: table-cell.
Son utilité ? Donner à l’élément concerné le comportement d’un tableau : des cellules de hauteur égale et des colonnes notamment.

Les 2 premiers chapitres sont à ce titre très démonstratifs puisque simplement, on apprend à construire un habillage classique à 2 colonnes avec cette technique. Mais, à mon avis, le chapitre 3 est entièrement à jeter.

Le livre commence en nous expliquant qu’on utilise des techniques de barbare pour le rendu. Sauf que celles proposées pour palier aux lacunes de cette mise en page en tableaux ne valent pas beaucoup mieux : pas de solution générique possible, simulation de colspan et rowspan laborieuse … si j’ai été convaincu par la présentation en grille, je l’ai en revanche moins été par ces solutions proposées.

Le chapitre 4 explique avec plein de sous-entendus qu’Internet Explorer 6 et 7 … ben il faut arrêter. En tous cas pour utiliser le display: table-cell. Je pense que même sans cette technique on avait déjà envie de les balancer mais bon. Ça sera un argument de plus pour prôner cette solution.

Le chapitre 5, The Road Ahead, propose une présentation maintes fois vue et revue de l’avenir avec CSS3. Ça fait office de piqûre de rappel concernant le module templates et  grille notamment.

Texte 2 colonnes avec display: table-cell

Pourquoi je ne vous recommande pas son achat ?

Parce qu’au final on se trouve face à gros article doublé d’un titre bon pour écouler des exemplaires. Il aurait pu s’appeler « comment présenter en grille sans tableaux et sans flottants » par exemple.

Sans vouloir relancer le fumeux débat du  Web contre les livres, je pense qu’il y a des articles sur display: table-cell plus courts, moins chers et tout à fait valables (y compris leur article de présentation), notamment sur Alsacréations.
Pour moitié prix, le contenu aurait pu passer. À 30$, j’en attends davantage …

Je recommande avec beaucoup plus de ferveur l’indémodable Transcender CSS d’Andy Clarke.

Un dernier point toutefois : je ne suis pas convaincu qu’un rendu à l’identique au pixel près soit une solution d’avenir. Il ne faut pas espérer avoir un rendu identique à la maquette ni identique sur tous les naivgateurs (notamment au niveau de la colorimétrie). Je crois davantage à un support de fonctionnalités et des solutions alternatives pour les navigateurs ne supportant pas ces dites-fonctionnalités. De même qu’on n’a pas le même rendu de couleurs pour les téléviseurs (y compris HD), il est utopique de vouloir la même chose d’un site.

Depuis quelques mois je ne recommande plus à mes clients de supporter IE6 et ce, malgré ses 20% de parts de marché. Je préfère largement proposer une solution dégradée, toujours fonctionnelle mais moins jolie.
Cette année je refonds le thème de ce blog et je ne compte pas supporter ni IE6 ni IE7. Votre adoption d’autres navigateurs aide mais il faut montrer l’exemple.

Isabelle Juppé et Philippe Martin

2 mois plus tard, il n’est jamais trop tard.

La journée « Pourquoi bloguer dans un contexte d’affaire ? » a été organisée à Bordeaux avec brio par Hélène Frébourg avec le soutien de l’Échangeur/CCI de Bordeaux, de l’AEC mais aussi de la librairie Mollat et … BlogCamp France.

Je reviens sur cette journée si particulière, celle qui m’a permis de prendre contact avec une vision du Web transatlantique et d’expliquer à une centaine de personnes pourquoi les blogs sont à considérer dans le milieu professionnel.

Pourquoi bloguer, le livre

Il faut le savoir, le prétexte de cette journée était un livre, écrit à 20 mains (10 personnes donc ), exclusivement par des professionnels québecois.
Chacun de ces auteurs a une affinité particulière avec l’utilisation des blogs. L’écriture de ce livre était l’occasion pour eux de synthétiser leur expérience des blogs en milieu professionnel.

Ce livre s’est axé sur 10 idées, une par blogueur :

1. Bloguer pour influencer
2. Bloguer pour vendre
3. Bloguer pour informer
4. Bloguer pour apprendre
5. Bloguer pour se définir
6. Bloguer pour réseauter
7. Bloguer pour être vu
8. Bloguer pour communiquer
9. Bloguer pour provoquer
10. Bloguer pour se souvenir

La morale est intéressante : on peut finalement adapter le blog à une très grande majorité de besoins.
Des exemples ? Communiquer sur un produit, remplacer un site corporate, humaniser la relation avec le client, prévenir de situations pénibles pour les usagers, diffuser de l’information de premier ordre, réaliser un devoir de mémoire, communiquer au sein d’une entreprise, mettre en valeur ses compétences et son expertise etc.

Cette liste pourrait encore s’allonger.

J’ai particulièrement été impressionné par le nombre de blogs et blogueurs chez IBM (plusieurs dizaines de milliers sur des blogs internes !) et l’aspect prévention des blogs.
Immédiatement je me suis dis que ça serait une utilisation réellement pertinente à l’échelle locale pour communiquer sur les travaux du tramway à Bordeaux, les perturbations des transports en commun TBC ou encore toute initiative dégradant la qualité de vie des citoyens de quartiers.

Au final Pourquoi bloguer dans un contexte d’affaire est simple à lire. Ce n’est peut-être pas le livre culte qui vous apprendra tous des blogs professionnels mais ça reste une valeur intéressante pour les curieux, blogueurs en entreprises, patrons désireux de véhiculer les blogs dans leur société et tout professionnel à même de conseiller l’utilisation des blogs en entreprise.

Le livre est richement fourni en témoignages et en liens hypertextes. Une bonne occasion de prolonger le livre et de se nourrir des exemples choisis avec justesse.

Pourquoi bloguer, journée conférence à Bordeaux

Claude Malaison et Philippe Martin

Claude Malaison et Philippe Martin se sont donnés corps et âme (surtout âme je vous rassure ) pour animer cette journée dans 4 lieux différents :

1. déjeuner à la Cité Mondiale devant des communiquants
2. le goûter à la Chambre de Commerce devant des entreprises
3. l’encas chez Mollat devant des littéraires
4. le dîner chez Jean devant des acteurs du Web et des blogueurs

L’idée était de montrer à des publics pas forcément enclins à utiliser les nouvelles technologies que ces derniers servaient pourtant en leur faveur.

Mais leur discours le plus intéressant concernait le changement de mode opératoire des générations.
Il y a 1 siècle, les avancées technologiques mettaient plusieurs générations avant d’évoluer … maintenant il y a plusieurs avancées technologiques dans la même génération !

Ainsi on passe d’un modèle où les parents apprennent aux enfants à un modèle inversé, où les enfants apprennent aux parents. Il n’aura jamais été aussi facile d’être un parent ringard qu’aujourd’hui.

Une journée magique comme j’en aimerais tant d’autres. D’autres personnes ont déjà donné leur ressenti dont Isabelle Juppé, le blog du Club AEC et Vanessa de Proxima Créative.

Bloguer en entreprise : vérités et contre-vérités

Cette journée, c’était aussi l’occasion d’intervenir avec la casquette BlogCamp France et de démystifier les blogs devant une assemblée intéressée et aux réactions intéressantes.

Cette présentation relativement courte avait pour but d’expliquer en 15 minutes les intérêts des blogs dans le milieu de l’entreprise. Nous avons souhaité utiliser des exemples concrets basés sur notre vécu personnel pour montrer qu’on pouvait recruter par le biais d’un blog, utiliser les blogs pour faciliter ses recrutements (il n’y a pas meilleur complément à une lettre de motivation).

À en croire les retours par mail, nous avons réussi à nous 4 à rassurer et convaincre un bon paquet d’entreprises

Une journée utile, des rencontres intéressantes et un public satisfait. J’aurais pas posé un jour de RTT pour rien !

High Performance Web Site, sous-titré Essential Knowledge for Frontend Engineers, est ce genre de livre à lire au moins une fois à défaut de le posséder. Il résume en à peu près 120 pages 14 points d’optimisation d’un site Web.

C’est d’autant plus intéressant que l’approche se base sur les mécanismes et non sur de l’optimisation de code. Ainsi dans la plupart des cas, vous n’aurez « que » du paramétrage serveur à faire.

Ce livre fait étrangement penser aux conseils de haute performance prodigués par le Yahoo! Developer Network et repris par l’extension Firefox pour Firebug, j’ai nommé YSlow.
C’est normal : ce livre est écrit par un ingénieur de Yahoo!, probablement un de ceux qui ont participé à la rédaction du guide de performances.

Pourquoi acheter High Performance Web Sites ?

On serait tenté de ne pas acheter le livre puisqu’une bonne partie de ses conseils sont repris sur le guide de haute performance cité plus haut.

Sachez toutefois que cet ouvrage va plus loin dans le détail, prend bien le temps de présenter ses tests de performance pour illustrer et de justifier l’application de leurs méthodes. La plupart des relevés de mesure sont effectués sur une dizaine de sites allant de Google à Amazon.

J’achèterais ce livre si j’étais :

• un administrateur système chargé d’héberger 1 ou plusieurs sites Web
• un technicien/webmaster en charge d’un site à plus ou moins fort trafic
• un développeur Web soucieux des performances de ses productions
• toute personne avare en kilo-octets superflus
• toute personne voulant accélérer les temps de réponse de son ou ses sites Web

Les 14 points d’optimisation

High Performance Web Sites axe son discours sur 14 points :

1. Limiter le nombre de requêtes HTTP
2. Utiliser un Content Delivery Network (CDN)
3. Utiliser une entête Expires
4. Compresser les composants avec Gzip ou Deflate
5. Placer les feuilles de style en début de page
6. Placer les scripts JavaScript en bas de page
7. Éviter les expressions CSS (Internet Explorer)
8. Placer les scripts JavaScript et les feuilles de style dans des fichiers externes
9. Réduire le nombre d’appels à des DNS différents
10. Minifier le JavaScript et les CSS
11. Éviter les redirections
12. Supprimer les doublons de scripts
13. Configurer ETags
14. Permettre la mise en cache des appels Ajax

Il prend cependant le soin de bien expliquer les mécanismes d’HTTP et les intérêts à améliorer les performances frontend.

Le livre termine sur un comparatif des 14 points sur 10 sites, notation YSLow comprise, dont Amazon, Google, CNN, eBay, Wikipédia et Yahoo!.

La mise en pratique

J’étais déjà sensibilité à presque tous les points pour avoir lu ces fameuses 14 règles en utilisant l’extension YSlow et Firebug. Cependant après la lecture du livre j’ai eu davantage de clés et des exemples probants pour me convaincre de les mettre en œuvre.

On peut appliquer la majorité des points et les points pertinents en 1 heure. En effet, tout site ne peut se permettre d’utiliser un CDN pour accélérer les temps de réponse autour du globe.

Personnellement j’ai mis en place une compression Gzip directement au niveau d’Apache au lieu d’utiliser une compression effectuée en PHP (avec Gzip aussi). J’ai couplé cet effort avec la minification JavaScript et la désactivation des ETags.

J’avais déjà au préalable externalisés mes CSS et JavaScript, placé au bon endroit (mais seulement les appels externes au DNS principal en bas de page) et sans doublon.

C’est bête à dire mais le résultat s’est vraiment senti avec des chargements de page incroyablement plus rapides. YSlow est effectivement un compagnon idéal pour la mise en application de ces éléments avec son analyse des performances et des composants.

Conclusion

J’ai dévoré High Performance Web Sites grâce à sa simplicité de rédaction, les nombreux exemples et surtout, les explications enrichissantes. Elles sont mises en application sur Yahoo! et certes, même si on peut se dire qu’on n’a pas de site de leur envergure, leurs conseils sont toujours bons à prendre.

High Performance Web Sites est un concentré de bonnes pratiques, simples à mettre en œuvre. Pourquoi s’en priver ?

Ces optimisations ne sont évidemment pas les seules à mettre en place pour que tout fonctionne bien : il faut aussi produire du code HTML propre, du JavaScript optimisé, du code application qui ne soit pas redondant.

C’est un bon début et des pratiques à généraliser.