"Advocating for performance awareness should be everyone’s goal."
Tutoriel de création et de configuration d'un site statique e-commerce avec Hugo (générateur de sites statiques) et Snipcart (système de gestion e-commerce par API).
"This document defines an API that can be used to capture a series of key moments (First Paint, First Contentful Paint) during pageload which developers care about."
The Opquast Web Quality Checklist is now available in english!
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."