Sharing the quiet part out loud: working on a few things, and restarting #100DaysOfPerf where I left off very shortly. BRB!
๐ชซ๐ฒ Day 024 #100DaysOfPerf (since I skipped ayer): in a related follow up to Day 023, this is an @oreilly.bsky.social Webcast of the white paper I shared. Again, slightly dated, but we've added more resources to the web since, and the need to parse remains.
๐ฅ www.youtube.com/watch?v=_uv0...
Photo of someone sitting on their couch, staring at their phone with mild disdain.
Day 023 #100DaysOfPerf: Some years back, I read this white paper on mobile battery consumption, and it always sat with me. Essentially, it presented a correlation between resource parsing and battery usage. ๐ tech has improved so curious what it's like today.
crypto.stanford.edu/~dabo/papers...
Since the mobile phone is what border agents seem to love most, a few more posts about them are deserving #100DaysOfPerf
Day 022 #100DaysOfPerf: in a super short follow up to yesterday's mobile performance related post, here was Pinterest around the same time as Deloitte's study, talking about changes they made to their mobile web app and why:
youtu.be/3bKMnYJzrqI?...
happy weekend !
๐ Site speed improvements had a direct correlation to improved funnel progression. That was then, March 2020 and it remains today March 2025 ๐ฒ
Day 021. #100DaysOfPerf
๐ธ Day 021 #100DaysOfPerf: in 2016, mobile traffic > desktop traffic. A few years ago this week, Deloitte released a study confirming the idea that a faster site not only improved sales, but increased session lengths and more...
โจ Milliseconds Make Millions โจ
www.deloitte.com/content/dam/...
๐ฐ Day 020 #100DaysOfPerf: in a fun follow up to yesterday's share, today's post highlights @tammyeverts.com's @oreilly.bsky.social release:
โจ TIME IS MONEY : The Business Value of Web Performance โจ
This is about how fast means good ux and happy customers! ๐
Preview:
๐ www.google.ca/books/editio...
Image with a quote that reads: "Downtime is better for a B2C web service than slowness Slowness makes you hate using the service. Downtime you just try again later." by Lenny Rachitsky, Former product lead, Airbnb
Day 019 #100DaysOfPerf: What's better?? DOWN time or SLOW times? Data shows having a slow site is much more deleterious to customer retention w/ a near 3/10 customer NEVER returning, at GREAT finanยขial ยฃo$$es. @speedcurve.com's very own @tammyeverts.com opines!
๐ www.speedcurve.com/blog/downtim...
GoogleChrome / web-vitals Commit 09d7524 philipwalton committed on Mar 23, 2020 Initial commit
Day 018 #100DaysOfPerf: ๐ This is a simple but significant share. 5 yrs ago yesterday, the very 1st commit for what would become the Core Web Vitals, was posted by @philipwalton.com, and would help in addressing and understanding real user performance issues around a threesome of metrics. ๐
Image of a large crowd sitting in their seats in a venue. Caption: "performance.now"
Running since 2018 (with a covid break), they made immediate impact with modern discussions around performance and user experience, and have become the de facto perf event with some of the great minds attending/speaking.
Content? Yes! More soon... #100DaysOfPerf
๐ฅ:
www.youtube.com/@WebConferen...
Image of a large crowd sitting in their seats in a venue. Caption: "performance.now"
Day 017 #100DaysOfPerf: Since I talked about #Velocity Con for Day 016, it's only just that I also bring up @perfnow.bsky.social , the other conference that has made it's mark in performance. They emerged in a push for smaller, more indie perf events as Velocity was dissolved. ๐งตโฌ๏ธ
Image of several photos taken from a conference. Caption "O'Reilly velocity web performance and operations conference. Building a faster and stronger web."
Though the conference is no longer in running, the content reminds. Some of the talks are on Youtube, and others are on the @oreilly.bsky.social platform. But the ability to go back to watch them is THE ๐, and provides perspective.
โจ Velocity Conference โจ
Link in previous post!
#100DaysOfPerf
Image of several photos taken from a conference. Caption "O'Reilly velocity web performance and operations conference. Building a faster and stronger web."
Day 016 #100DaysOfPerf: Since @oreilly.bsky.social has come up quite a bit w/ all the publications IU shared, let's give the โจ Velocity Conference โจ its flowers.
This is likely where it all got started for so many in the field. The content is also available ๐งตโฌ๏ธ :
๐ฅ www.youtube.com/results?sear...
image of a book cover w/ a the illustration of a rabbit running. Title: "High Performance Images SHRINK, LOAD, AND DELIVER IMAGES FOR SPEED" . Published by O'Reilly..
Even as IMG size + compression isn't emphasized as a key bottleneck like before, requests might be โฌ๏ธ, but payloads are still โฌ๏ธ. Some of this is now being automated.
โจ High Performance Images: SHRINK, LOAD, AND DELIVER IMAGES FOR SPEED โจ from @oreilly.bsky.social needs your attention. #100DaysOfPerf
image of a book cover w/ a the illustration of a rabbit running. Title: "High Performance Images SHRINK, LOAD, AND DELIVER IMAGES FOR SPEED" . Published by O'Reilly..
Day 015 #100DaysOfPerf : I went through a heavy IMG performance/codec phase and this was a book I looked fwd to as it was being written. Though browser APIs have changed, great lessons in codecs remain.
โจ High Performance Images โจ belongs on your book shelf.
๐งตโฌ๏ธ
books.google.ca/books?id=G8V...
O'REILLYยฎ Web Performance Warrior The Business of Speed
Though release some time back, the concepts remain the same:
๐ธ defining a *good performance*
๐ธ testing regularly!
๐ธ looking at data, and not guesswork.
Basically, foundations on becoming a PerfOps
Found a link where you can read it for free:
๐ theswissbay.ch/pdf/Books/Co...
Enjoy
#100DaysOfPerf
O'REILLYยฎ Web Performance Warrior The Business of Speed
Day 014 #100DaysOfPerf : *some* might recall the VELOCITY conference. This performance conf is how many of us cut our teeth early. Added, curators @oreilly.bsky.social used to release short little books as PDFs to promote the conference.
โจ Web Performance Warrior: The Business of Speed โจ
๐งตโฌ๏ธ
Image of two copies of a book, with a pink cover, and a white stripe at the top, with number 39 in a black circle, with the title: "responsible JavaScript", by Jeremy Wagner. The books are on top of what appears to be a bamboo floor.
Day 013 #100DaysOfPerf : โจ RESPONSIBLE JAVASCRIPT โจ is a book by Jeremy Wagner that discusses how to use JS in a performant, accessible, and ultimate responsible way. Published by @alistapart.bsky.social, it was based on a 3 part series of blog posts published prior.
responsiblejs.dev for more info
illustration of a webpage. Caption : "JAMSTACK"
Day 012 #100DaysOfPerf: One thing that made me curious about the #JAMstack was the performance claim. So we poked around. There was validity to the architecture's performant abilities. So this was covered in the Almanac. โจ JAMstack โจchapter : ๐งตโฌ๏ธ
almanac.httparchive.org/en/2024/jams...
With a growing number of resources being shipped using CDNs, we are also seeing significantly more H2 and higher support and use. This also means the more you use CDNs, the more you take advantage of the modern networking feature and so much more:
almanac.httparchive.org/en/2024/http
#100DaysOfPerf
as Robin says: "HTTP remains the cornerstone of the web ecosystem, providing the foundation for exchanging data and enabling various types of internet services." As a chemist might say. HTTP is the *limiting reagent*. Noting much (at all?) happens w/o it. #100DaysOfPerf ๐งตโฌ๏ธ
illustration of 3 cars driving down a 3 lane road, carrying web resources
Day 011 #100DaysOfPerf: I shared the hpbn book (Day 002) that wall about levelling up on HTTP. Well, let's look at CURRENT HTTP data from the @httparchive.org's Web Almanac. On deck โจ HTTP โจ by none other than @programmingart.bsky.social. Let's take a look: ๐งตโฌ๏ธ
almanac.httparchive.org/en/2024/http
Put out a few late night posts yesterday for #100DaysOfPerf whilst watching ๐ + ๐ฅ ๐. For those curious.
Day 009
bsky.app/profile/henr...
Day 010
bsky.app/profile/henr...
That said, you add video and you have a media macรฉdoine that requires attention, as your are likely serving more bytes than needed. This chapter covers a lot of data which again factors into performance. Another fascinating read. ENJOY
๐ almanac.httparchive.org/en/2024/media
#100DaysOfPerf
illustration of an video camera projecting a PLAY BUTTON . caption: "MEDIA"
Day 010 #100DaysOfPerf: In an apt compliment and follow up to the page weight post, working with media is one rife with challenges. Media loading, media formats, media codecs... But it's what makes the web so valuable.
โจ MEDIA โจ chapter from the @httparchive.org is another worth checking ๐งตโฌ๏ธ
The case for page weight affecting performance is made when the link to poor Web Vitals and larger page weight is presented, among the many more charts to show trends. Very much worth the read. Shouts authors @tamethebots.com @not-a-robot.com #100DaysOfPerf
almanac.httparchive.org/en/2024/page...
illustration of a weight scale, with a browser on one side and web resources onto other.
Day 009 #100DaysOfPerf: many yrs ago, when iPhones introduced Retina Displaysโข, I recall having this AHA moment in the office, and realizing how heaving pages might get. Page weight was a growing challenge and remains so today.
โจ PAGE WEIGHT โจ ๐งตโฌ๏ธ
almanac.httparchive.org/en/2024/page...
Illustration of a desktop webpage being mirrored to a cell phone. Caption: "mobile web "
Day 008 #100DaysOfPerf: in light of Tim BL's 36th anniversary of his proposal by that would eventually lead to the web, I listened to a short podcast of his discussing the future (posted today). Agreed and confirmed: the web created opportunities previously unimagined much via mobile ๐ฒ. Shall we? ๐งตโฌ๏ธ
Since yesterday was another post meridiem share, resharing this morning for those who appreciate typography (say like @figma.com), but wan to *use* font in a performant way.
Day 007 of #100DaysOfPerf: Enjoy! โฌ๏ธ