Tag: performance
-
Here's a neat trick. I've got a web page with many HTML popovers, styled as modals to create a no-JS gallery/lightbox. But LCP suffers because the browser tries to reserve space for the images within (even though they're within not-yet-shown popovers).
This CSS one-liner saved the day. It basically says "skip over not-yet open popovers on initial page render" -
[popover]:not(:popover-open) {
content-visibility: hidden;
}I appreciate that Lighthouse isn't the last word in performance metrics, of course. But this change alone bumped an affected page's score from 76 to 100, so it's not nothing either!
-
Integration contemplation
What fragments you?
What defragments you?
How are you balancing both? -
It Is A War Out There - Take Control of Your Supply Lines with HtDTY
Andrew Stephens reminds us to HtDTY (Host the Damn Thing Yourself) to reduce the risk of supply chain attacks and improve privacy. But I think the argument goes further than this.
-
Generative AI use and human agency
Joanna Bryson's put together an absolutely fantastic list of considerations about the use of AI, and two of her points do a better job than I did at saying what I was trying to, last week.
-
Home Page, 50% Off!
By optimising a few bits of my homepage I've halved its size, which incidentally takes me up from the third to the second league of 512kb club members!
-
Making WordPress Fast (The Hard Way)
Lots of guides explain how to improve WordPress performance easily. This guide is different. I'd like to share the hard ways in which you might squeeze even more speed out of your WordPress site.
-
512kb.club
Proud to say that danq.me is the newest site to be admitted into Kev Quirk's 512kb club. Let's keep the web lean!
-
Loading CSS Asynchronously Without JS Dependency
Dan proposes a new technique for lazy-loading CSS which doesn't break style for non-JS users.
-
Visitors, Developers, or Machines
Dan comments on Garrett Dimon's thoughts about performance bottlenecks being moved, not removed, by the adoption of client-side web frameworks.
-
JavaScript frameworks are better for accessibility (and other myths)
Chris Ferdinandi counters a Twitter user's argument that web frameworks solve a plethora of common web development challenges, and he's right.
-
Google AMP lowered our page speed, and there's no choice but to use it - unlike kinds
...
We here at unlike kinds decided that we had to implement Google AMP. We have to be in the Top Stories section because otherwise we’re punted down the page and away from potential readers. We didn’t really want to; our site is already fast because we made it fast, largely with a combination of clever … -
Fewer and Faster // John Nunemaker
Sometimes I feel developers think that performance is a dark art. It is not. In my experience, well performing systems come down to this: fewer and faster. If you are doing something a lot, do it fewer times. If you are doing something that is slow, make it faster. It really is that simple. The …