Advertisement ยท 728 ร— 90
#
Hashtag
#100DaysOfPerf
Advertisement ยท 728 ร— 90

Sharing the quiet part out loud: working on a few things, and restarting #100DaysOfPerf where I left off very shortly. BRB!

1 0 0 0
O'Reilly Webcast: Who Killed My Battery - Analyzing Mobile Browser Energy Consumption
O'Reilly Webcast: Who Killed My Battery - Analyzing Mobile Browser Energy Consumption YouTube video by O'Reilly

๐Ÿชซ๐Ÿ“ฒ 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...

2 0 0 0
Photo of someone sitting on their couch, staring at their phone with mild disdain.

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...

0 0 0 0

Since the mobile phone is what border agents seem to love most, a few more posts about them are deserving #100DaysOfPerf

0 0 0 0
Pinterest: A modern web performance story
Pinterest: A modern web performance story YouTube video by Chrome for Developers

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 !

5 0 0 0

๐Ÿš€ 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

2 0 0 0
Video

๐Ÿ’ธ 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/...

4 0 0 1
Video

๐Ÿ’ฐ 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...

7 1 0 1
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

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...

4 3 0 0
GoogleChrome / web-vitals

Commit 09d7524

philipwalton committed on Mar 23, 2020

Initial commit

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. ๐Ÿ™ƒ

2 0 1 0
Image of a large crowd sitting in their seats in a venue. Caption: "performance.now"

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...

0 0 0 1
Image of a large crowd sitting in their seats in a venue. Caption: "performance.now"

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. ๐Ÿงตโฌ‡๏ธ

2 0 3 0
Image of several photos taken from a conference. Caption "O'Reilly velocity web performance and operations conference. Building a faster and stronger web."

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

1 0 0 0
Image of several photos taken from a conference. Caption "O'Reilly velocity web performance and operations conference. Building a faster and stronger web."

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...

1 0 1 0
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..

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

2 1 0 1
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..

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...

11 2 1 0
O'REILLYยฎ
Web
Performance
Warrior
The Business of Speed

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

0 0 0 0
O'REILLYยฎ
Web
Performance
Warrior
The Business of Speed

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 โœจ
๐Ÿงตโฌ‡๏ธ

3 1 1 0
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.

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

7 1 0 0
illustration of a webpage. Caption : "JAMSTACK"

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...

1 0 1 0
Preview
HTTP | 2024 | The Web Almanac by HTTP Archive The HTTP chapter of the 2024 Web Almanac covers data on historical versions of HTTP used across the web, as well as the uptick in adoption of HTTP/2 and HTTP/3 from alt-svc and DNS HTTPS records. Addi...

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

0 0 0 0

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 ๐Ÿงตโฌ‡๏ธ

0 0 1 0
illustration of 3 cars driving down a 3 lane road, carrying web resources

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

10 3 1 0

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...

1 0 0 0
Preview
Media | 2024 | The Web Almanac by HTTP Archive Media chapter of the 2024 Web Almanac covering how images and videos are currently being encoded, embedded, styled, and delivered on the web.

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

8 0 0 0
illustration of an video camera projecting a PLAY BUTTON . caption: "MEDIA"

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 ๐Ÿงตโฌ‡๏ธ

4 1 1 0
Preview
Page Weight | 2024 | The Web Almanac by HTTP Archive Page Weight chapter of the 2024 Web Almanac covering why page weight matters, bandwidth, complex pages, page weight over time, page requests, and file formats.

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...

9 2 0 0
illustration of a weight scale, with a browser on one side and web resources onto other.

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...

7 0 1 0
Illustration of a desktop webpage being mirrored to a cell phone. Caption: "mobile web "

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? ๐Ÿงตโฌ‡๏ธ

0 0 1 0

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! โฌ‡๏ธ

0 0 1 0