Helpful Guidelines for Posting on LinkedIn I’ve been observing some of the posting trends on here and it’s clear we could benefit from a few guidelines. You might think I’m unqualified to give them. But the facts suggest otherwise: * I won $25 in cold, hard, American cash by winning second place in a
remote:picperf Looking Forward to (Hopefully) Not Needing Responsive Images One Day I’ve decided I don’t like the responsive image API in HTML, or at least the idea that we still need it as a performance tool. By "responsive," I mean "show different versions of an image based on device," using only HTML. If it’s
remote:picperf You Might Consider Using an Image Sitemap Depending on the site, image sitemaps can be a helpful tool in an SEO strategy, making it ultra-clear to search engines the images they can and should index. Let's explore setting one up.
The Architecture Might Not Be the Problem It’s interesting how language around service architecture changes as patterns fall in & out of favor. People who advocated for microservices years ago now refer to them as “nano” services. It seems to get at the costly hassle it can be to integrate with, iterate on, and maintain a
remote:picperf Transform Image URLs with a Simple Cloudflare Worker Cloudflare Workers make it easy to quickly transform HTML on the fly with no third-party dependencies. Let's show how smooth the process is by building one to prepare every image URL for use with PicPerf.io.
Hold a Healthy Sense of Caution Whenever Running a curl|bash Command Piping a curl response to bash is flexible, power distribution tactic used by software authors. But using it well means never losing sight of the inherent risks that come along with it.
remote:picperf It's Never Been Easier to Performantly Put Images on the Web The web has made many significant, meaningful advancements in performantly loading and rendering images over the years. Let's reminisce about a few.
remote:plausible Why Am I Getting a 502 Bad Gateway After Turning on Plausible? If you've ever gotten a "bad gateway" error from your self-hosted instance of Plausible Analytics, there are a couple of things you might try first.
remote:plausible How to Back Up Your Self-Hosted Plausible Analytics Data Backing up your data is critical for effectively any self-hosted application. Let's explore how you can make it happen for Plausible Analytics.
Picking the Right Tool for Maneuvering JavaScript's Event Loop Depending on the task, it's helpful to be able to schedule work throughout various parts of the event loop's lifecycle. Let's explore some of the tools available for doing it.
remote:plausible Raise the API Rate Limit for a Self-Hosted Instance of Plausible If you're running Plausible Analytics on a virtual machine (or some other box), you don't need to abide by the default API key rate limit it enforces. Let's walk through how to raise it.
Let's Bring Back JavaScript's `with()` Statement JavaScript's "with()" statement is effectively deprecated and strongly discouraged from use. But I'm not so sure it's justified.
Executing Dangerously Injected Scripts Inside React Components In rare moments, you might want to execute script tags injected with React's dangerouslySetInnerHTML prop. Here's how to make it possible.
You should still look at your site with JavaScript disabled. If you don't, you risk overlooking serious threats to key performance metrics.
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.
Lighthouse is Not Your User Be careful not to get too caught up in appeasing performance diagnostic tools.
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.
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.
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.
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.
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.
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.
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.
