screenspan

@[email protected]
121 Followers
89 Following
127 Posts
Born in California, made in Germany. Loves making music, hiking and running. Ex Louis Lament. #WebPerf and #GreenWeb. Blogs at https://screenspan.net.
Webhttps://screenspan.net/
screenspanNov 15, 2024
Optimize font loading on your site by 1) using system fonts, 2) removing unnecessary fonts and languages; if loading web fonts 3) self-host, make sure they’re WOFF2 and cache them, 4) make sure you set fallbacks (my tool https://screenspan.net/fallback/ can help). @mandymichael #perfnow
Fallback Font Generator

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face

screenspanSep 12, 2024
I didn’t have a phone stand at hand, so I made one using an egg carton. #upcycling
screenspanJan 25, 2024
It pays to inspect your website's CPU usage in Safari to improve #webperf and reduce energy usage. Here I spotted recurring rendering work due to infinite animations. After removing those using local overrides, I could see energy use drop.
Here's an excellent tutorial on how to use Safari's Web Inspector to debug CPU bottlenecks from WWDC19: https://developer.apple.com/videos/play/wwdc2019/513/
#100DaysOfPerf
Understanding CPU Usage with Web Inspector - WWDC19 - Videos - Apple Developer

As a developer of web content, you play an important role in fulfilling customer expectations for a high performance web experience while...

Apple Developer
screenspanDec 6, 2023
Looking forward to native lazy loading for horizontal scrolling (see https://bugs.chromium.org/p/chromium/issues/detail?id=1391989). Just add a bit of CSS scroll-snapping, and presto! You can ditch all those JS-powered carousels that cause a lot of overhead.
1391989 - chromium - An open-source project to help move the web forward. - Monorail

screenspanNov 23, 2023
Doing something always uses more energy than doing nothing. #gcs23
screenspanNov 3, 2023
WOW: Compression Dictionaries look like they’ll have a HUGE impact on the amount of data we send on websites, which will mean much less energy consumption. @PatMeenan #perfnow #sustainableweb useasdictionary.com
screenspanOct 17, 2023

Quick #sustainableIT #webperformance tip:

Remove Google Universal Analytics (UA) from your website. I spotted two UA tags on a client’s site and ran a comparison using WebPageTest on a low-tier device: blocking two UA tags results in 13% less Total Blocking Time (here in red).

UA no longer processes data and:
👎 takes up bandwidth on initial load (50 KB of JavaScript)
👎 busies the processor (around 150ms CPU time on a low-tier device)
👎 can slow down your iteraction responsiveness (INP)

screenspanAug 31, 2023
The Gods of Tech permitting, we'll be LIVE STREAMING the next Hamburg Web Performance Meetup next Thursday, September 7th, at 6:30pm (CEST). ⚡️🍻💬 Details: https://meetu.ps/e/MfXbR/nYmJC/i
Live stream starts at 7:30pm: https://youtube.com/live/jkF6XzvZwB0
35. Web Performance Meetup, Thu, Sep 7, 2023, 6:30 PM | Meetup

The Hamburg Web Performance Meetup is going strong again and we want to continue this trend with our 3rd Meetup this year which will take place on September 7th at the new

Meetup
screenspanMar 20, 2023
Hmm, Twitter is yelling at me to interact with it more. 😒
screenspanDec 10, 2022
I had such a blast going out by myself to a concert at the Molotov in Hamburg last night. Haven’t been there since playing there myself yeeeeears ago with my band Louis Lament. The Clockworks (UK) put on an awesome show for the packed house – and the place was thumping! It’s great to feel that kind of energy again after covid.