Fast page labelling in Chrome for Android
Chrome 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.
Blog
You can find my latest AI engineering articles on Substack, leadership on LeadDev, or browse my topic guides and personal blog posts below.
Personal Blog
Preload late-discovered Hero images faster
If you are optimizing Largest Contentful Paint, preload can be a game-changer for speeding up late-discovered hero images and resources, loaded via JavaScript.
Infinite Scroll without Layout Shifts
Learn how to implement infinite scrolling for long lists without causing surprising layout shifts.
Native lazy-loading for iframes is here!
Native lazy-loading for iframes is now supported in Chrome and Chromium browsers
We've improved image lazy-loading in Chrome!
We improved image lazy-loading in Chrome! The new thresholds for when we lazy-load images offer much better data-savings, are closer to JavaScript lazy-loading libraries and are...
What (not) to Prefetch/Prerender
This post outlines a number of edge-cases we have encountered while developing libraries like Quicklink. We believe most of these edge-cases apply equally to efforts leveraging...
Working Remotely During COVID-19
Some tips and guidance for working remotely during the COVID-19 pandemic.
Automatically open Chrome DevTools in each new tab
You can automatically open Chrome DevTools in each new tab
Web Performance Recipes With Puppeteer
This guide has recipes for automating Web Performance measurement with Puppeteer.
Profiling React.js Performance
This guide looks at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental scheduler and measuring custom...
Modern UX metrics on WebPageTest
This tip covers how to measure modern UX metrics on WebPageTest using the Custom Metrics feature.
The PageSpeed Insights API
The PageSpeed Insights API provides free access to performance monitoring for web pages and returns data with suggestions for how to improve. The V5 API includes lab data from L...
Lessons from the decade
Happy new year! Here are my lessons from the decade:
Adaptive Loading - Improving web performance on low-end devices
Adaptive Loading is a pattern for delivering a fast core experience to all users (including low-end devices) where you progressively add high-end-only features, if a user's netw...
Tips I use to avoid burnout
Tips I use to avoid burnout:
Break tasks you procrastinate into smaller, low-energy ones
Tip: Break tasks you procrastinate into smaller, low-energy ones. It helps.
Avoid large pull requests
Tip: Avoid large pull requests. Find ways to break them up into smaller ones.
AI-Assisted Engineering: A 2019 Perspective on the Next Decade of Coding
In 2019, I explored a new term - AI-Assisted Engineering - to describe how machine learning could one day augment software engineering. This post speculates on what the next dec...
We shipped font-display to Google Fonts!
At Google I/0 2019, we announced that we would finally be bringing support for font-display to Google Fonts. I’m happy to share this is now available in production for all Googl...
Paint Holding - reducing the flash of white on same-origin navigations
A quick overview of paint holding. A Chrome feature for reducing the flash of white on same-origin navigations
Native image lazy-loading for the web!
In this post, we’ll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here’s a sneak preview of it ...
Substack
Future-proofing your Software Engineering career
Practical strategies for engineering careers in the future
The 70% problem: Hard truths about AI-assisted coding
A field guide and why we need to rethink our expectations
User-centric engineering
Engineering with user empathy is the foundation of great products
There is no right time. Just time and what you do with it.
How to thrive in imperfect conditions
Comparison is the thief of joy
Navigating comparison with mindfulness
Focus on what you can control
Actionable advice for empowerment
10 lessons from 12 years at Google
My lessons learned along the way.
LeadDev
Grow your influence like a leader, not a boss
Extending your influence past your immediate circle isn't as straightforward as you'd like to hope. But there are a few strategies you can employ to help.
How to build an effective technical strategy
Building a tech strategy requires a lot of moving parts. Learn about what routes to take and whether decisions should be top-down.
How to keep up with tech trends and upskill sustainably
With so many developments in the tech world it's difficult to keep up. Here are some strategies to stay on top of your upskilling.
Navigating competing priorities as an engineer
How can you prioritize when everyone's ask is an urgency and you don't have time to fit it all in?
Managing the chaos of context switching
It's time to examine the good, the bad, and the very ugly elements of context switching. Even better, we'll take a look at some strategies for managing it.
Focus on outcomes over outputs
Software engineering teams should focus on outcomes over outputs to deliver the best user and business value.
What makes an effective software engineer?
Being a good software engineer is not necessarily the same as being an effective one. Here, Google's Addy Osmani identifies the ten key traits of effective software engineers.