A Performance Heads-Up Display (HUD) for ChromeIntroducing a new Performance Heads-Up Display (HUD) to Chrome and Chrome for AndroidReact Server Components aim to enable modern UX with a server-driven mental model. In this post I will share some notes I took while catching up on the latest RFC and talk around this work.
The Import On Interaction PatternTip: Lazy-load non-critical resources when a user interacts with UI requiring it. Your page may contain code or data for a component or resource that isnt immediately necessary. For example, UI a user doesnt see unless they click or scroll on parts of the page. This can apply to many kinds of first-party code you author, but this also applies to third-party widgets such as video players or chat widgets where you typically need to click a button to display the main interface.Incremental migrations are excellent for updating large legacy projects. Migrate a small piece at a time with lower risk then gradually do the rest.
Faster Web App Delivery with PRPLPRPL is a pattern for structuring and serving web applications and Progressive Web Apps with an emphasis on improved app delivery and launch performance.
Emulate vision deficiencies in DevToolsEmulate vision deficiencies in to see how users who experience color blindness or blurred vision might see your site.
Visualize Data Structures in VSCodeVSCode Debug Visualizer is a VSCode extension that allows you to visualize data structures in your editor
Fast page labelling in Chrome for AndroidChrome on Android will begin to highlight high-quality user experiences on the web, starting with Fast page labelling of fast links via the link context-menu.