Strive for Being "Feature-Complete"
Avoid the pressure to endlessly add new features.
Read ItPosts
-
-
There Are a Lot of Ways to Hide Stuff in the Browser
There are a surprising number of ways to hide elements in the browser, each with their own trade-offs and advantages. Let's explore some of the classics, as well as a few modern approaches.
Read It -
Lighthouse is Not Your User
Be careful not to get too caught up in appeasing performance diagnostic tools.
Read It -
Deserializing Polymorphic Lists with Kotlin, Jackson, and Spring Boot
Let's explore bringing some of the magic of TypeScript's discriminated unions to polymorphic lists in a Spring Boot +Jackson application built with Kotlin.
Read It -
For Maximum Accessibility, Be Careful About Using a .dev Domain
Thinking back on the process of troubleshooting why a small number of people weren't able to access PicPerf’s .dev domain. Best guess: old firewall rules still block certain TLDs out of caution.
Read It -
Don't Let Visitors Know Your Origin Server Exists
For the best performance, there’s no good reason content-focused sites should ever serve an uncached page to a visitor. With modern caching directives and other approaches on the table, it’s easier than ever to preventing visitors from knowing your origin exists at all.
Read It -
PicPerf's Impact on Jane Ross Tutoring's Website
By activating the PicPerf WordPress plugin, Jane Ross Tutoring's website saw a drop of 1.2MB in image page weight -- 78% of the total image weight being loaded on the home page.
Read It -
TIL: A Link’s Download Attribute Won’t “Just Work” for Cross-Origin Resources
I just realized that using the "download" attribute on HTML links works only for same-origin resources by default. Fortunately, the "fix" is pretty simple, as long as you have control over your server’s response headers.
Read It -
Get All That Network Activity Under Control with Priority Hints
The browser is very good at prioritizing resources requests on its own. But it's not always great. Priority hints makes it easy to provide explicit instructions as to how and in what network activity occurs.
Read It -
Your Cache Headers Could Probably be More Aggressive
It's common for modern hosts to cache static assets in a flexible, but not most optimal way. Let's explore why that is and what we can do to push cache performance (for some assets) even further.
Read It -
Reviewing PicPerf's Impact on SongwriterCity.com
By using PicPerf, Songwriter City's saw a sizeable reduction in total page weight and a healthy boost in its overall performance score. Here are the details.
Read It -
Building a Two-Way Data Binding Hook for Form Inputs in React
Two-way form input binding is a popular feature offered by JavaScript frameworks like Vue and Svelte. I took a minute to explore what the React version of it might look like. I don't hate the result.
Read It -
Taking Variable Fonts for a Spin
It's been a minute since they were introduced, but I finally took some time to see how variable fonts stack up to their static counterparts. At least for my own blog, it was worth the effort.
Read It -
Run Puppeteer with Docker on Fly.io
Walking through the process of running Dockerized Node & Puppeteer on Fly.io.
Read It -
How to Better Leverage Browser Preloading
It's all too common to see websites preload assets already embedded in their HTML. But doing so often doesn't gain you much, and fails to leverage the tool for the greatest impact.
Read It