Blog

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 ...

Rendering large lists with react-window

If you use React and need to display large lists of data efficiently, you may be familiar with react-virtualized. It’s a windowing library by Brian Vaughn that renders only the ...

Disallow large imports from JavaScript projects

Are there known large JavaScript dependencies your team wish they could disallow from a project? Good news! ESLint supports disallowing specific imports from projects using the ...

JavaScript Loading Priorities in Chrome

How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and others) influence sc...

Exploring a back/forward cache for Chrome

bfcache creates a cache allowing for instant navigations to previously-visited pages.

The Cost Of Client-side Rehydration

Learn about approaches to reduce the cost of rehydration in server rendered experiences

Web Page Usability Matters

Learn about why modern web performance metrics matter

Speed up next-page navigations with prefetching

Learn how to speed up next-page navigations using prefetching

Shine a light on JavaScript performance with Lighthouse

Use Lighthouse to detect opportunities to reduce the cost of JavaScript to your user experience.

Adaptive Serving using JavaScript and the Network Information API

Learn how to adaptively serve content based on the user's effective network connection type

Start Performance Budgeting

Building a web experience and want to stay fast? Performance budgets are critical for success.

Personal software

Exploring how AI and modern tools are democratizing personal software development, making it accessible to everyone.

Progressive Web Apps With React

Offline installation of npm packages

Occasionally, you may need to install npm packages while offline. This could be due to a flaky network connection, being on a flight or during a workshop. Getting this working h...

Getting started with Progressive Web Apps

There’s been much welcome discussion about Progressive Web Apps lately. They’re still a relatively new model, but their principles can equally enhance apps built with vanilla JS...

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.

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.