Veille de CCM Benchmark Group

Table of Contents for the 2021 Web Almanac, listing each section: Page Contents, User Experience, Content Publishing, Content Distribution.

<almanac.httparchive.org>

Record, replay and measure user flows with the Recorder panel.

<developer.chrome.com> (je viens de test dans canary (où je suis tombé dessus en faisant une analyse classique de perf) et ça peut être pratique dans certain cas.. record -> scenario pupetter, exportable ou rejouable dans le browser avec analyse de performance sur le temps de la session )

const handleSave = userData => { saveUser(rawUserData) .then(user => showNotification(`User ${getUserName(user)} has been created`) .catch( handleNotificationError ) ) .catch(err => showNotification(`User was not created because of error`)); };

const handleSave = userData => { saveUser(rawUserData) .then(user => showNotification(`User ${getUserName(user)} has been created`) .catch( handleNotificationError ) ) .catch(err => showNotification(`User was not created because of error`)); };

const handleSave = userData => { saveUser(rawUserData) .then(user => showNotification(`User ${getUserName(user)} has been created`) .catch( handleNotificationError ) ) .catch(err => showNotification(`User was not created because of error`)); };

Effectivement perturbant … gaffe aux promesses quoi ^^ >

Un nouveau framework js. Ça faisait longtemps ! >

<certitude.consulting/blog/en/invisible-backdoor/>

“Important @CISAgov alert: Malware inserted into widely used JavaScript library (npm package) AParser.js which reads information stored inside user-agent strings. Developers must update to patched versions: 0.7.30, 0.8.1, 1.0.1 https://t.co/gkPI98pyev”

<twitter.com>

This article focuses on speculative prefetching and prerendering. Learn more about how they're used, the drawbacks of the current implementations, popular external libraries that implement sophisticated speculation, and the origin trial that brings same-

<web.dev>

A fun location for your third-party scripts to hang out Performance is always top of mind for any...

C'est peut-être pas con comme idée de déporter certains scripts tiers dans un web worker :thinking_face: ? poke <#C01Q239TEMB|p-core-web-vitals> <dev.to>

je ne sais pas où ca en est exactement niveau w3c, mais côté browser firefox a déjà décidé de ne pas l'implémenter (

ca reste une proposition venant uniquement de Google et qui est loin d'être accepté par le W3C (

A completely customizable framework for building rich text editors. (Currently in beta.) - GitHub - ianstormtaylor/slate: A completely customizable framework for building rich text editors. (Curren...

un framework spécial pour faire des éditeurs de texte (markdown, wiki, wysiwyg, images, ...) : si des fois on voulait faire renaître ccmeditor :wink: ? <github.com>

<news.ycombinator.com>

Next Generation Frontend Tooling

<vitejs.dev> on m'a parlé de ça aujourd'hui, quelqu'un connais ?

Import assertions allow module import statements to include additional information alongside the module specifier

<v8.dev>

je ne connaissais pas l'élément HTML "template", qui permet de déclarer une structure qui sera parsée mais pas affichée, permettant ensuite de facilement la cloner en JS pour l'insérer réellement dans le dom. Vachement plus souple que de créer tous les éléments et les cloner un à un. Et beaucoup plus perfo que le "innerHTML" qu'on utilise quand on a la flemme ^^ >

Parcel v2 (en beta), avec un nouveau compiler JS écrit en Rust (Rust qui commence petit à petit à faire sa place dans l'ecosystème JS, cf "esbuild" ^^) >

<www.simoahava.com>