I thought my WordPress → Drupal 11 migration was done the day it went live. Then I looked closer: dirty content, GPS leaking from old photos, a decade of URLs, and a site that only felt fast on mobile (76 → 92).
The cleanup nobody warns you about 👇
https://frederikvanhecke.com/blog/drupal-11-migration-the-real-work
#Business #Introductions
Introducing Webstripes · Visualizing the energy efficiency of web pages https://ilo.im/16dbqc
_____
#Climate #Sustainability #Energy #PageWeight #Websites #Blogs #Development #WebPerf #WebDev #Frontend
WebKit landed rIC years ago, but kept reverting the feature flag toggle due to regressing page load time on real-world sites like Wikipedia and Google Search.
Delaying JS code, even at random, often make sites perform better :-)
(Wikipedia uses rIC in MediaWiki's ResourceLoader to async eval from localStorage and when unpacking a large module bundles.)
Rabbit hole starts at:
https://bugs.webkit.org/show_bug.cgi?id=285049
https://www.mediawiki.org/wiki/ResourceLoader/Architecture
(2/2)
#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb
_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript
There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this blog post, we’ll compare the same animation across several different strategies and see the differences firsthand. There’s some interesting nuance here!
Now, this is just the home page, I still have some work left on other parts of the site. And the performance overall has already been pretty decent.
The two things I mainly focused on were:
1. Color contrast. I've been a bit lazy about this, I will admit, relying on Bootstrap's own color theme. Finally cleaned this up.
2. Custom web fonts. And I think this is a big one. The only font I really wanted to keep is the Atkinson Hyperlegible Font from Braille Institute as the main font. Huge fan of this font.
https://www.brailleinstitute.org/freefont/
For the rest, using system fonts is very much "good enough" and I highly recommend checking out https://modernfontstacks.com for this.
Hey fediverse, happy Friday!
A small personal victory, but after a few days of tinkering with my website https://stefanbohacek.com, I finally achieved the mythical perfect PageSpeed score.
#Development #Introductions
Declarative partial updates · Chrome’s new proposals for the web platform https://ilo.im/16d23j
_____
#HtmlStreaming #Chrome #Browser #APIs #Polyfills #WebPerf #WebDev #Frontend #HTML #JavaScript
askfred
Inautilo
Webinoly
Timo Tijhof
Stefan Bohacek
Tyler Sticka
Tyler Sticka