🖼️ You should ensure your page’s critical content loads as fast as possible. Here are four actionable methods to improve one of the #CoreWebVitals: Largest Contentful Paint.

#webperf #perfmatters

https://calibreapp.com/blog/largest-contentful-paint

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!

#webperf #perfmatters

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

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!

#webperf #perfmatters

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

Performance Newsletter №132:

🔹Core Web Vitals and SEO by @csswizardry
🔹Perfwork: a job board for webperf enthusiasts by @tkadlec
🔹How bfcache helped Yahoo! JAPAN News make navigations instant by Yuriko Hirota

and more!

#webperf #perfmatters

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

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 🙄

#webperf #perfmatters

Performance Newsletter №131:

🔹breaking up with SVG-in-JS by @kurtextrem
🔹in defence of DomContentLoaded by @csswizardry
🔹catching up with web performance with @fox & @tannerhodges

and more!

#webperf #perfmatters

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

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!

#webperf #perfmatters

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

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/

#webperf #perfmatters

🚦 Core Web Vitals keep evolving, so we refreshed our guide with up-to-date information, including:

🔹 how to optimise each Core Web Vital
🔹 how Google collects Core Web Vitals data and how to measure it yourself
🔹 when First Input Delay will be replaced with Interaction to Next Paint

#webperf #perfmatters

https://calibreapp.com/blog/core-web-vitals

Performance Newsletter №129:

🔹 how to choose the right CDN for performance by @benschwarz
🔹 is there an alternative to GIFs yet by @tylersticka
🔹 what’s new in Safari 17 by Murshid Muzamil

and more!

#webperf #perfmatters

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

⚡ are you using the space postie(1) to deliver content efficiently to whoever visits your site, no matter where they are?

there’s no reason for extended latency and a frustrating experience because someone isn’t close by to a data center.

______
(1) a much more fun name for content delivery networks.

#webperf #perfmatters

https://calibreapp.com/blog/content-delivery-networks-guide

📡 How you deliver your site has a great influence on user experience. Here’s how to ensure a fast experience to a worldwide audience:

🔹 benefits of content delivery networks
🔹 what to consider when choosing one
🔹 how CDNs impact overall performance

#webperf #perfmatters

https://calibreapp.com/blog/content-delivery-networks-guide

Our goal is to lower the barrier to performance profiling. The WikimediaDebug browser extension for Firefox and Chromium, can now profile the backend MediaWiki PHP process, and turn it into an interactive flamegraph, powered by Excimer and Speedscope.

What are flamegraphs, when do you need it, and how does it work?

https://techblog.wikimedia.org/2023/06/08/flame-graphs-arrive-in-wikimediadebug/

#WebPerf #profiling #flamegraph #PerfMatters #PHP #MediaWiki #Excimer #Speedscope

If I run the same express app in Bun, does it run faster??

https://medium.com/deno-the-complete-reference/if-i-run-the-same-express-app-in-bun-does-it-run-faster-5fd5c6af2538

#webperf #perfmatters #sitespeed

Bun vs Rust: Hello world HTTP server performance comparison

https://medium.com/deno-the-complete-reference/bun-vs-rust-hello-world-http-server-performance-comparison-a03e71fa05f3

Oooh, https://bun.sh/ is faster than rust?! (in this particular example) Very cool.

#webperf #perfmatters #sitespeed

Performance Newsletter №128:

🔹 how to optimise Time to First Byte by @fox
🔹 how a large DOM affects interactivity by @malchata
🔹 performance is not a checklist by @tkadlec

and more!

#webperf #perfmatters

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

🌏 Time to First Byte might not be a Core Web Vital, but it’s still an essential metric. Without fast TTFB, content will be delivered with a delay, cascading to poor ratings for other metrics.

Learn how to monitor, diagnose and fix TTFB issues!

#webperf #perfmatters

https://calibreapp.com/blog/time-to-first-byte

Performance Newsletter №127:

🔹 INP becomes a Core Web Vital by @geekonaut
🔹 everything you have to know about bfcache by Murshid Muzamil
🔹 how to find the worst JavaScript offenders by @sia

and more.

#webperf #perfmatters

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

It's been success!

#webperf #perfmatters #webdev

https://youtube.com/live/4IVTu73bSUM?feature=share

⚡ Good web performance doesn’t happen overnight.

Teams looking to improve and maintain Core Web Vitals should establish a sustainable, ongoing strategy. @benschwarz shares how to start:

#webperf #perfmatters

https://calibreapp.com/blog/improve-core-web-vitals