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
Category Archives: web development
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
Record a Performance in DevTools, then Replay it in WebPageTest
WebPageTest (WPT) recently released a Chrome Extension that allows you to record an experience in DevTools, export that experience, then add that export to WPT to run as a test. Happy testing! Continue reading
Add Scripts to Your WebPageTest Tests
Oh the heals of my “Getting to Know… WebPageTest” article, I present an add-on of sorts, showing how to add and use scripts to your tests. Happy scripting! Continue reading
Getting to Know… WebPageTest
The latest installment in my “Getting to Know…” series, where I “get to know” some tech and share resources, tips, tricks and notes that I collect along the way. This time around, let’s get to know… WebPageTest! 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 a11y, inclusivity and respecting user preferences, GDPR smack-downs, flex & grid, wpo and a bunch of browser udpates. 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