calibre, to random
@calibre@webperf.social avatar

⚡ There are several common reasons why your Cumulative Layout Shift might not be fast:

🔹 Images, ads, iframes and embeds without specified dimensions
🔹 Unoptimised webfont delivery and display
🔹 Inefficient CSS animations
🔹 Late-injected JavaScript content

https://calibreapp.com/blog/cumulative-layout-shift

calibre, to random
@calibre@webperf.social avatar

🚀 Want to prevent releasing performance degradations to your customers? Monitor speed in CI/CD with Calibre.

https://calibreapp.com/blog/pull-request-reviews

calibre, to random
@calibre@webperf.social avatar

📬 Performance Newsletter №147:

🔹 Improvements to the Speculation Rules API by @tunetheweb
🔹 Shared compression dictionaries by @malchata
🔹 The importance of web performance to information equity by @Schouten_B

and more!

https://mailchi.mp/perf.email/147

calibre, to random
@calibre@webperf.social avatar

Every two weeks, we send a newsletter with web platform and performance news you won’t find elsewhere.

Sign up to receive it tomorrow. 👇🏻

https://perf.email/

calibre, to random
@calibre@webperf.social avatar

🔜 12 days till Interaction to Next Paint (INP) replaces First Input Delay (FID) as Core Web Vital. Are you ready? We rounded up a few resources:

  1. Check your INP in one click: https://calibreapp.com/tools/core-web-vitals-checker
  2. Everything you need to know about Core Web Vitals: https://calibreapp.com/blog/core-web-vitals
  3. How to improve INP: https://calibreapp.com/blog/interaction-to-next-paint

Let’s go!

calibre, to random
@calibre@webperf.social avatar

🆕 Product update time!

We just released CrUX Dashboard: an easy way to check your Core Web Vitals based on Chrome User Experience Report, which collects data from real user sessions on your sites and apps. Now, you can:

→ check your Core Web Vitals assessment over time
→ track real user data with no tracking scripts to install ✨
→ get into RUM without feeling overwhelmed

https://calibreapp.com/blog/crux-dashboard

calibre, to random
@calibre@webperf.social avatar

📬 Performance Newsletter №144:

🔹 Measuring soft navigation experiment by @tunetheweb & @Yoav
🔹 LCP & FCP on single page application on soft navigations @dwsmart
🔹INP meets Puppeteer by Tsvetan Stoychev

and more!

https://mailchi.mp/perf.email/144

calibre, to random
@calibre@webperf.social avatar

💬 Do you use live chat tools on your sites? Are you sure they aren’t negatively impacting web performance even if people don’t end up using them?

Use the facades with React Live Chat Loader to ensure minimal speed impact. Now it supports:

🔹 Help Scout
🔹 Intercom
🔹 Messenger
🔹 Drift
🔹 Userlike
🔹 Chatwoot
🔹 🆕 Front
🔹 🆕 Hubspot

https://github.com/calibreapp/react-live-chat-loader

calibre, to random
@calibre@webperf.social avatar

🆕 Product update time!

We redesigned the Your Sites dashboard to make it easier to compare and assess the overall status of each site. We also added real user Core Web Vitals data from Chrome User Experience Report! Here’s what’s new:

→ real-user data from CrUX
→ Interaction to Next Paint measurements
→ clearer and easier way to sort sites

https://calibreapp.com/changelog#01-your-sites-crux

calibre, to random
@calibre@webperf.social avatar

📬 Get most up-to-date performance tools, case studies and articles. Every two weeks. In your inbox.

https://perf.email/

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №140:

🔹Psychology of perceived performance by @fox
🔹New technique for SVG optimisation by @zachleat
🔹Should AVIF be a dominant image format by @timsev

...and more!

https://mailchi.mp/perf.email/140-how-people-perceive-speed

ryantownsend, to webdev
@ryantownsend@webperf.social avatar

The recording of @programmingart's brilliant talk from has been published: https://www.youtube.com/watch?v=MV034VqHv5Q

It's a deep-dive into how prioritisation works in browsers and what to look out for that indicates it's not working as expected... WITH ACTUAL SWORDS ⚔️

Definitely worth a watch!

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №139:

🔹A faster web in 2024 by Rick Viscomi
🔹The unbearable weight of massive JavaScript by @ryantownsend
🔹Why we need a green metric by @screenspan

and more!

https://mailchi.mp/perf.email/139

tomayac, to random
@tomayac@toot.cafe avatar

Learn Performance: https://web.dev/learn/performance. A multi-chapter learning course that teaches you the ins and outs of Web performance.

(Sorry for hopping on your hashtag, but I think it's relevant for the conference audience.)

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №138:

🔹 Who can you trust with your online business by @grigs
🔹 How to improve TTFB with speculation rules by @aaronpeters
🔹 Optimising Core Web Vitals for decision markers by @tunetheweb

and more!

https://mailchi.mp/perf.email/138

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №137:

🔹Hydration slows performance by default by @mhevery
🔹How Amazon uses better metrics for improved performance by Jim Roskind and Frank Stone
🔹Better that loading fast is loading instantly by @tunetheweb

and more!

https://mailchi.mp/perf.email/137

calibre, to random
@calibre@webperf.social avatar

⚡ Has your team experienced any of these challenges when working on web performance?

🔹 It’s too easy to release a degradation to production
🔹 It’s too difficult to create a system for monitoring work in progress
🔹 It’s too difficult to conduct experiments
🔹 It’s too difficult to collaborate on web performance
🔹 It’s too difficult to enforce standards

If you answered yes to any of the above, we have just the right feature for you. 🙂

https://calibreapp.com/blog/pull-request-reviews

ksylor, to random
@ksylor@front-end.social avatar

Alright perf metrics fam:

P75 or TM99?

Discuss.

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №135:

🔹Web Sustainability Guidelines by @AlexDawsonUK & Tim Frick
🔹Exploring the true measure of UX: Core Web Vitals and beyond by @tunetheweb
🔹New Liquid features for better web performance by @sia

and more.

https://mailchi.mp/perf.email/135

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №134:

🔹 Layout positioning impact on web performance by @sia
🔹Long Animation Frames API for measuring UI updates speed by @tunetheweb & Noam Rosenthal
🔹View Transitions break incremental rendering by @eeeps

and more!

https://mailchi.mp/perf.email/134

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №133:

🔹 New recommendations for ecommerce images by @grigs
🔹 Debugging Interaction to Next Paint by @screenspan
🔹The cost of JavaScript (2023) by @addyosmani

and more!

https://mailchi.mp/perf.email/133

josh_dev, to iOS

Run perf snippets on iOS with Shortcuts. Here's one from @nucliweb webperf-snippets repo running on Mobile Safari.

Repo - https://github.com/nucliweb/webperf-snippets

Try the shortcut here - https://www.icloud.com/shortcuts/b69645791a5743e18c28634132ba9096

ryantownsend, to random
@ryantownsend@webperf.social avatar

Perfect example of content that has no place being client-side rendered: top films on the homepage of a major UK cinema chain.

This won't change very often (daily at most) and it's most likely going to be manually curated.

Yet instead, this took 5 seconds to render on an M1 Mac / gigabit fibre connection 🙄

calibre, to random
@calibre@webperf.social avatar

Performance Newsletter №130:

🔹 why frontend needs to build better by @slightlyoff and Loraine Lawson
🔹 what does the decoding attribute actually do by @tunetheweb
🔹 style recalculation secrets by @patrickbrosset

and more!

https://mailchi.mp/perf.email/130

ryantownsend, to random
@ryantownsend@webperf.social avatar

Welcoming @csswizardry to the webperf.social instance 🙌🏻

He coincidentally also dropped his latest article on DOMContentLoaded today: https://csswizardry.com/2023/07/in-defence-of-domcontentloaded/

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