This weekend I scratched a bit of a long term itch and implemented basic support for the Performance Timeline specification for Node.js core. Hopefully it will land soon.

Un des cas d'usage l'es plus concret de la Performance Web : la mesure de l'impact publicitaire sur le produit.

Évolution des sites Web, de la connectivité, du protocole (HTTP/2), de la compression, du RWD, des outils de mesure mais surtout, de la perception métier !

Le point sur HTTP/2 : ce qui change, les optimisations contre-productives, le déploiement…

La version PWA de Twitter avait un problème de performance. Paul explique comment l'équipe l'a résolu.

AMP est séduisant dans le sens où il permet de repartir de zéro et d'obtenir de la performance. Mais on perd la gouvernance de son domaine, l'outillage n'est pas encore au point et ce n'est pas un standard W3C. Beaucoup de risques face au gain potentiel, donc.

Varnish optimise la gestion du cache HTTP. Mais est-il plus rapide qu'un site statique (généré ici parJekyll mais peu importe) ?

Un synthèse de ce qu'il est bon de savoir en performance Web en 2016.

Chrome peut, dans certains cas, bloquer l'exécution de scripts qui utilisent document.write(), une très mauvaise pratique pour la performance Web.

"Check, compile, transpile, optimize and compress JavaScript with Closure Compiler in JS"

"MySQL is a better NoSQL. When considering a NoSQL use case, such as key/value storage, MySQL makes more sense in terms of performance, ease of use, and stability."

Avec HTTP/2, le chargement des CSS va complètement changer, favorisant le recours à des feuilles de styles davantage orientées composants et chargées à la volée.

A SVG-based HAR Waterfall Viewer

"Le statique n’est pas qu’une mode destinée à rester confidentielle parmi les hackers, il est même en plein essor. C’est une solution qui vous devriez sérieusement considérée si vous souhaiter atteindre des objectifs de qualité à moindre coût pour des sites de contenus (landing page, documentation, blogs, etc.) ou des single page app. Son écosystème est en plein essor et continue de se développer."

"Je vous propose aujourd’hui de faire un point sur les différentes motivations pour passer au HTTPs, dont certains aspects peu connus, car outre l’apport évident en matière de sécurité pour les internautes, c’est en passe de devenir une nécessité pour le bon fonctionnement de votre site web !"

"Tim Kaldec et Yoav Weiss se sont donc inspirés de ce mécanisme [Content Security Policy], pour le transposer au sujet de la performance web, en proposant un nouvel en-tête HTTP (Content Performance Policy) permettant de déclarer précisément le degré de compatibilité d’une page avec certaines bonnes pratiques de performance web. À la charge ensuite du navigateur web, de forcer l’application des bonnes pratiques annoncées qui ne seraient pas respectées par l’éditeur."

"This method builds on the Flash of Faux Text (FOFT) using a two stages loading process (sounds like, but is not actually rocket science), but instead of a full Roman web font in the first stage, it loads a small subset of the Roman web font"

"I want to share with you my simple two-step secret to improving the performance of any website.

1. Make sure that the most important elements of the page download and render first.

2. Stop there."

"On Black Friday the WalMart servers didn’t go over 1% CPU utilisation and the team did a deploy with 200,000,000 users online."