@screenspan@mastodon.green
@screenspan@mastodon.green avatar

screenspan

@screenspan@mastodon.green

Born in California, made in Germany. Husband & papa. Loves making music, hiking and running. Ex Louis Lament. #WebPerf and #GreenWeb. Blogs at https://screenspan.net.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

screenspan, to random
@screenspan@mastodon.green avatar

Hilarious! My colleague Fabian Krumbholz just landed ๐Ÿš€ an excellent explanation of Googleโ€˜s new metric of responsiveness, Interaction to Next Paint (INP), and why itโ€™s important. We in the community are super excited about the metric and have been working hard either to measure it, optimize it and help people make their sites more responsive to user interaction. https://www.inp-check.com

screenspan, to random
@screenspan@mastodon.green avatar

It pays to inspect your website's CPU usage in Safari to improve 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/

CPU timeline showing low energy usage after removing infinite animations

screenspan, to random
@screenspan@mastodon.green avatar

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.

video/mp4

screenspan, to random
@screenspan@mastodon.green avatar

So honored to kick off this year's Web Perf Calendar! ๐ŸคฉImproving web responsiveness is tricky: bottlenecks can arise from first-party and/or third-party code. I honestly love the new INP metric and look forward to more refined field measurements with INP attribution and LoAF. ๐Ÿคน๐Ÿฝโ€โ™‚๏ธ

https://calendar.perfplanet.com/2023/sluggish-category-pages-worst-inp-ecommerce/

kevinfarrugia, to random
@kevinfarrugia@webperf.social avatar

Great talk on web sustainability by Brian Louis Ramirez from #perfnow pre-event.๐Ÿ‘

https://youtu.be/DXX4hkV7XOI?feature=shared

screenspan,
@screenspan@mastodon.green avatar

@kevinfarrugia wow, thanks! ๐Ÿ™๐Ÿฝ

screenspan, to random
@screenspan@mastodon.green avatar

Here's a vid of my talk on "Why We Need a Green Perf Metric" from last week's Performance.now() Pre-Event Meetup:
๐Ÿ“ผ https://www.youtube.com/watch?v=DXX4hkV7XOI&list=PLjnstNlepBvNYne8mc8a9NUcdQhrfT1MV&index=3

And here are my slides:
๐Ÿ›https://screenspan.net/talks/green-perf-metric/

screenspan, to random
@screenspan@mastodon.green avatar

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

screenspan, to random
@screenspan@mastodon.green avatar

Great to hear @Schouten_B at say that his biggest performance win as a browser engineer involved measuring energy use and removing a bug that was responsible for high energy consumption. Great that you keep in mind! ๐Ÿ’ช๐Ÿฝ

  • All
  • Subscribed
  • Moderated
  • Favorites
  • โ€ข
  • JUstTest
  • GTA5RPClips
  • magazineikmin
  • InstantRegret
  • thenastyranch
  • cubers
  • Youngstown
  • ethstaker
  • slotface
  • mdbf
  • rosin
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • khanakhh
  • tacticalgear
  • ngwrru68w68
  • cisconetworking
  • modclub
  • everett
  • osvaldo12
  • normalnudes
  • provamag3
  • anitta
  • tester
  • Leos
  • lostlight
  • All magazines