Mastodawn

Henri Helvetica Apr 16, 2024

⚠️ we are closing the RSVP 24hrs before, at 6p Tuesday April 16th. Thus. if you're joining and have not RSVP'd, this is the 1st reminder. #100DaysOfPerf
#webperf #perfmatters
🎟️ RSVP bit.ly/100dop-day64

Tim Vereecke Jan 27, 2024

When you realise that you can't get rid of "bad" CLS unless users upgrade their browser:

Or, all my Bad CLS values come from Edge/85

#AimForZero #100daysofperf

Henri Helvetica Jan 25, 2024

For day 4 of #100DaysOfPerf some history and 🎂:
📍 A belated HDB to Firebug 🐞. The famed tool turned 17 yesterday. Firebug 🐞 was essentially a #webperf tool that predated most/all the ones you know. Devtools before devtools. Here's the video of the day it was launched @ Yahoo in 2007:
🎥: https://www.youtube.com/watch?v=k4IgewBsxmY
📍 It inspired Pat Meenan to create WebPageTest:
"Firebug is WHY WPT even exists. All of the devs started using Firefox for Firebug but all our users were still on IE." - PM
#100DaysOfPerf

Joe Hewitt: Welcome to Firebug 1.0

YouTube

screenspan Jan 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

Henri Helvetica Jan 24, 2024

🚀 Day 3 of #100DaysOfPerf. Following the foundational content shared Day 2, adding a book considered required reading:

📚 High Performance Browser Networking by Ilya Grigorik.

The network is also fundamental to web performance. Understanding latency, bandwidth, handshakes, protocols, the history of HTTP... all things that have mattered and do to this day. Definitely a great way to brush up, but also great to introduce someone to these concepts. Read it for free.
https://hpbn.co

High Performance Browser Networking (O'Reilly)

What every web developer must know about mobile networks, protocols, and APIs provided by browser to deliver the best user experience.

High Performance Browser Networking

Henri Helvetica Jan 23, 2024

🚀 On this 2nd day of #100DaysOfPerf , I'd like to share 2 foundational resources:
📍 1. Scott Jehl created a fantastic hashtag#webperf course that is now part of the WebPageTest network. You can access it for free:
https://bit.ly/wpt-lfwp
📍 2. The team @ Web/Dev also released a course more recently. You can also access that course for free.
https://bit.ly/learn-perf
📍 Both provide magnificent material from subject matter experts. Perfect esp for those who are newer. ENJOY!
#100DaysOfPerf

Lightning-Fast Web Performance Online Course from WebPageTest

View this on WebPageTest.org...

WebPageTest

Henri Helvetica Jan 22, 2024

📢 Presenting: ✨100 Days Of Web Performance✨
📍 For the next 100 days, I'm inviting #webperf fans/connoisseurs to post content about web performance, something I've always wanted to do. There are many reasons, but the main? Community literacy.
📍 For the next 100 days, not only will I also share content, but I'll be back streaming w/ some of the great content I launched in the past (that I've been poked about, so thank you! 🙃), but also so BIGGER announcements. join me! 🚀
Simply use: #100DaysOfPerf