Web Performance

A quick intro into how the WebKit / Chrome browser works under the hood, in 30 minutes.

Tests defer attribute of the script element for browsers with JavaScript.

Comment une mauvaise utilisation des sélecteurs CSS, en complément d'une page chargée en nombre de balises HTML, peut drainer la vitesse du navigateur. Comme d'habitude : KISS. Et tout ira bien.

"For a performance audit, you should expect a detailed report with baseline performance metrics (useful for comparison after subsequent optimizations or audits), executive summary, web page behavior (waterfalls etc.), and actionable recommendations for improvement." YAY! exactement ce que je propose à chaque intervention, vidéos et timelines à l'appui aussi.

Yotta fait comme beaucoup d'autres de l'analyse de performance des sites, mais permet en plus de lier cela à Google Analytics pour (tenter de) mesurer les impacts.

on aurait aimé qu'il teste autre chose que le temps de chargement, mais c'est la métrique la plus facile à tester sur beaucoup d'urls. Et ça démontre que consciemment ou pas, les sites plus performants que la moyenne obtiennent de l'argent

il y a des différences du simple au quadruple entre CDNs en France. La différence entre ISPs est négligeable (normal, ils sont tous sur les mêmes tuyaux)

Statistiques sur les pages moyennes (nombre de requêtes, de domaines, poids, etc.)

Clicky rajoute 500ms au temps d'ouverture d'un lien externe. NetRatings ajoute 500ms à l'ouverture de tout les liens !

Proposition pour embarquer l'alpha dans un fichier JPEG

j'espère que ça restera vraiment une "expérience", utiliser canvas, javascript, css pour afficher une image transparente, avec ces inconvénients : # By default, the images load without their alpha, then get alpha'd causing a flash. This can be worked around by making them invisible until correctly loaded. # The image must reside on the same server as the web page or the cross site scripting prohibitions in AJAX will come into play. # My examples are double loading the image, for some reason the AJAX fetch is not using the cache. I don't know why, but it is probably just me. ça reste un affreux bricolage qui pourrait donner des envies à des gens qui n'y connaissent rien et pourrir des sites avec ça. Mais l'expérience est "amusante" de là à en faire une "proposition", j'ai des doutes

C'est clair qu'afficher l'alpha avec canvas+js reste du bricolage. En revanche, si les implémenteurs arrivent à se mettre d'accord pour le faire directement dans le navigateur, ça pourrait être intéressant.

Ah, enfin un article qui parle des soucis pour mettre le HTTPS en place sur des gros sites et notamment de la problématique des CDN, ca fait plaisir, je commençais à me demander si j'allais pas en écrire un moi-même tellement ca manquait...