PageSpeed : Pour connaître le temps de chargement de son site Web

Page Speed a pour objectif principal d'aider les développeurs à minimiser les temps de chargement des pages.

A l'heure de l'ADSL, le poids des pages web n'a peut-être plus une si grande importance pour l'internaute, cependant plus une page est lourde et plus son temps d'exécution sera long (surtout avec le moteur Trident d’Internet Explorer). Amis développeur, il est donc nécessaire de faire des tests de performance ;) avec le module PageSpeed de Google afin d'obtenir de nombreux conseils.

Et c'est quoi les avantages de Page Speed ?

• Les pages de votre site sont plus rapides
• La bande passante est moins solliciter, les couts d'hébergement seront donc moins important !
• Le Web s'améliore grâce à vous ! et oui ...

Les développeurs Web (surtout moi :) !) n'attendent que ça. En effet, ces nouvelles normes permettront de mieux organiser son code XHTML (notamment avec les nouvelles balises, tels que < header >, < footer > à titre d'exemple ...) avec le HTML 5. De même avec le CSS3, on pourra enfin s'abstenir de effets visuels (un peu lourd !) en JavaScript.

Toutes ces bonnes nouvelles ne sont pour autant pas encore validées par le W3C, mais devrait tout de même arrivées très prochainement (on vient de me dire début 2011 ...) comme nouveaux standards du Web. Actuellement, certains navigateurs prennent en charge une bonne partie de ces nouvelles fonctionnalités, mais pour le CSS3, se sont souvent des propriétés propres au moteur du navigateur web utilisé (Je pense au moteur WebKit, utilisé par Google Chrome par exemple).

Pour ma part, j'essaye de mettre en place ces nouvelles propriétés dans mes créations, mais j'ai eu la mauvaise surprise de découvrir que Firefox ne prenait pas tout en compte ! De ce fait, j'ai contacté mon meilleur ami du Web (Google :) ) qui m'a gentilement recommander ce site.

Ce site recense les fonctionnalités prisent en charge par les différents navigateurs Web. On remarquera bien sur les bons ... et mauvais élèves. À noter que le vilain petit canard, prend tout de même en charge la propriété @font-face, ce qui est très pratique pour changer la typographie d'un site sans tenir compte des polices système de l'internaute.

Marathon de Paris 2010

l'API de Google Maps permet de personnaliser à souhait sa carte, ainsi il est possible de changer les icônes (d'en rajouter !), de créer de nouvelles infobulles multimédia, de définir le style de cartographie par défaut, etc ... .
De même, des fonctionnalités JavaScript peuvent être rajoutées.
Néanmoins, un petit temps d'adaptation à l'API de Google est nécessaire, mais on s'y fait vite !

À savoir, qu'il est nécessaire d'obtenir une clé Google Maps disponible sur leur site Web.

Voici donc ci-dessous une démonstration de l'API Google Maps notamment à l'occasion du 34^ème marathon de Paris

Quand on parle de Web 2.0 (et Web 3.0), on pense bien évidemment à la vidéo.

Les barrières à l'utilisation : le débit, l'espace disque, le streaming, les outils, le matériel s'étant effondrées une à une, n'importe qui et surtout sans une formation draconienne, peut à son tour publier des vidéos.

Quels sont les avantages à utiliser de la vidéo sur son site ?

(Podcast, interview, conférences, compte-rendu, débat, etc ...)
en voici quelques-uns :

• Cela rend le site plus vivant
• C'est souvent plus parlant et plus percutante qu'un texte de 3 pages pour dire que le nouveau produit est très bon et fonctionnel
• Cela rend le contenu plus dynamique, plus riche, plus spontané
• On attire un public différent (plus jeune ?), féru d'images et / ou attiré par la possibilité d'emporter des images pour les voir et les revoir
• Cela permet d'apporter un contenu différent, plus complet
  
  

Comment procéder ?

Le meilleur conseil que l'on peut donner c'est de bien réfléchir au contenu et de ne pas sous-estimer les moyens (caméra HD, micro externe etc ...)
Ne pas hésiter à faire appel à des professionnels de l'image. Si vous misez beaucoup sur le résultat, prévoyez un budget conséquent car la vidéo, si on veut faire cela de manière un minimum professionnelle, ça coute cher car c'est beaucoup de temps.

En général, les podcasts ne durent pas plus de 3 minutes, ce qui correspond au temps moyen estimé pour la lecture d'un article en texte brut.

Cela fait'il vraiment professionnel ?

Les avis sont mitigés, mais de plus en plus de site Web et d'entreprise on optés pour cette nouvelle manière de communiquer.

Personas est module complémentaire pour Firefox, démocratisé depuis la sortis récente de Firefox 3.6 (Pour ma part, je l'utilisais bien avant :) ). Cette pépite offre la possibilité de donner une touche de fraicheur à Firefox sans dénaturer le tout. Il est possible de remplacer en un clic le fond des parties hautes et basses de l'interface par défaut. A savoir que ce module est disponible pour Windows, Mac et Linux.

Donc à quoi ça sert ? Ce module permet de changer l'apparence graphique du navigateur (en fait c'est juste l'image d'arrière-plan qui est renouvelé) de manière simple et très léger.

Quel(s) avantage(s) par rapport aux autres modules déjà existant ? Efficace, très simple à installer (et à tester) et surtout très léger (le design des boutons reste ceux de base) ...

Par exemple, ci-dessous voici un thème inspiré du design Apple :


De plus, il est aussi possible de créer son propre thème graphique.
De ce fait, On retrouve des thème pour Coca-Cola, Ferrari etc ... mais aussi beaucoup de startup dans le Web ont créer leur propre thème (à retrouver dans la catégorie "Site Web").