Category Archives: best practices

Performance Audits: What’s in your Checklist?

Performance audits are an invaluable step in fine-tuning a site’s performance. But man there is a lot to look at… Here I offer my starter list. Anything you’s like to see added? Happy auditing! Continue reading

Replace JS with no-JS (or lo-JS) Options

An attempt at cataloging features that once required JS, but no longer do (or at least soon won’t), so we can all remove as much JS as possible. Happy reducing! Continue reading

bfcache: Improve Back & Forward Page Views

Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It is now supported in all modern browsers and requires nothing from you to work. Other than, not to break it, that is… Happy caching! Continue reading

Total Blocking Time (TBT): Debugging and Fixing

Total Blocking Time (TBT) is the time between a user seeing something and being able to interact with it. In other words, it is the time that your code prevents a user from interacting with your page…. Happy reading! Continue reading

Using the User Timing API to Record Custom Performance Metrics

We have always had some form of testing metric. Back in the day we used things like the window.onload event or something similar. Then we started getting more sophisticated with TTFB, FCP, etc. Finally, along came CWVs, which continue to grow and evolve. But sometimes you just need to measure something that isn’t covered by all of these. And that’s where the User Timing API comes in. Happy reading! Continue reading

Using Resource Hints to Improve the Page Load Experience

As webpages become more complex, they also become larger and slower. The browser then has a tougher time finding all of the assets it needs. But we can help by giving the browser a few hints… Happy hinting! Continue reading

Use Responsive Images to Give Each User an Image that is “Just Right”

As our range of web-enabled devices spawns new and different screen sizes, sending the same image to all devices becomes problematic. This is where responsive image comes into play. Continue reading

Today’s Readings

The latest installment in my “Today’s Readings” series, including CSS layout and Layers, JS HoF & sort options, a CMS for React/Next.js, browser privacy check, AT run-through, and, are SPAs swinging back to the server? Happy reading! Continue reading

Today’s Readings

The latest installment in my “Today’s Readings” series, including a11y, css, js, wpo, pwa, typography and more. Happy reading! Continue reading

Today’s Readings

The latest installment in my “Today’s Readings” series, including a bunch of CSS, couple DevTools bits, Git, JS, component libraries, and an A11Y challenge for us all. Happy reading! Continue reading