@tammy@webperf.social
@tammy@webperf.social avatar

tammy

@tammy@webperf.social

UX and web performance researcher, writer, and speaker. Advocate for a faster web and slower living. SpeedCurve CXO. performance.now() conference co-chair. O'Reilly author.

#UX #SEO #WebPerf #PerfNow #PerfMatters

This profile is from a federated server and may be incomplete. Browse more on the original instance.

speedcurve, to UX
@speedcurve@webperf.social avatar

Cookie consent popups and banners are everywhere, and they're silently hurting the speed and UX of your pages. Learn the most common problems – and solutions – with measuring web performance with a content manager platforms (CMP) in place.

https://www.speedcurve.com/blog/web-performance-cookie-consent/

speedcurve, to UX
@speedcurve@webperf.social avatar

ICYMI: Our latest release includes RUM attribution and subparts for INP! @cliff explains:

🟡 Element attribution

🟢 Where time is spent within INP, leveraging subparts

🔴 How to use this information to fix INP issues

https://www.speedcurve.com/blog/rum-attribution-subparts-interaction-to-next-paint/

speedcurve, to UX
@speedcurve@webperf.social avatar

May product updates!

🟦 RUM INP attribution & subparts, including dimension filters (e.g. browser, connection type)
🟦 RUM update: lux.js v314
🟦 New synthetic test scripts
🟦 Upgraded test browsers for Industry Benchmarks

Details: https://lnkd.in/gjQMzRM9

speedcurve, to random
@speedcurve@webperf.social avatar

NEW: Our latest release includes RUM attribution and subparts for INP! @cliff explains:

🟡 Element attribution
🟢 Where time is spent within INP, leveraging subparts
🔴 How to use this information to fix INP issues

https://www.speedcurve.com/blog/rum-attribution-subparts-interaction-to-next-paint/

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

In our latest episode of @cloudfour Fourcast, I sat down with @tammy to talk about Google’s recent change from FID to INP and what it means for website owners.

Tammy breaks down the jargon and provides recommendations for what companies should do to address the change, improve performance, and tie performance to the metrics that matter for their business.

Check it out and pass it along to anyone struggling to understand what INP means for them.
https://cloudfour.com/thinks/demystifying-googles-recent-switch-to-inp/

speedcurve, to UX
@speedcurve@webperf.social avatar

Cookie consent popups and banners are everywhere – and they're silently hurting the speed and UX of your pages. @cliff explains common issues – and solutions – related to measuring performance for consent popups.

https://www.speedcurve.com/blog/web-performance-cookie-consent/

zachleat, to random
@zachleat@zachleat.com avatar

It’s !

I love this trend—it highlights the importance of a foundation of good HTML.

We need a similar one for JavaScript! should be April 10 😅

zachleat,
@zachleat@zachleat.com avatar

The inaugural JS Naked Day is now April 24, 2024 thanks to @macdonst and @McNeely!

Blog post: https://simonmacdonald.com/blog/posts/2024-04-12-introducing-js-naked-day

Home base: https://js-naked-day.org/

speedcurve, to UX
@speedcurve@webperf.social avatar

Web performance budgets help your team fight regressions and create a UX-first culture. Here's a collection of inspiring case studies from companies – like Farfetch, Leroy Merlin, GOV.UK, and Zillow – that use performance budgets to stay fast: https://www.speedcurve.com/customers/tag/performance-budgets/

speedcurve, to UX
@speedcurve@webperf.social avatar

Fighting regressions is more important than optimizations. Some resources to help you:

👉 @tkadlec's excellent governance post: https://www.speedcurve.com/blog/continuous-web-performance/
👉 @tammy's opinionated guide to performance budgets: https://www.speedcurve.com/blog/performance-budgets/
👉 @Joseph_Wynn's detailed CI/CD integration how-to post: https://www.speedcurve.com/blog/web-performance-test-pull-requests/

speedcurve, to UX
@speedcurve@webperf.social avatar

Are you missing out on easy opportunities to speed up your pages? Learn how to leverage the browser in more effective ways (hello, prerendering and the bfcache!) for repeat navigations.

https://www.speedcurve.com/blog/bfcache-prerendering/

speedcurve, to UX
@speedcurve@webperf.social avatar

Data Viz of the Day: Competitive benchmarks!

Showing your team (and your boss!) how fast you are compared to your competitors can be a great way to get buy-in and budget for investing in and optimization. Here's how to create your own: https://support.speedcurve.com/docs/competitive-benchmarking

ny, to random
@ny@webperf.social avatar

Next in-person speaker event on April 18: Font Performance with
@paulcalvano at Fastly's
NY Web Performance event on April 18 @ 6:00PM ET: Font Performance.
RSVP: https://www.meetup.com/Web-Performance-NY/events/299395150

speedcurve, to UX
@speedcurve@webperf.social avatar

Debugging INP can be tricky! You're in great hands with @andydavies. In this post, Andy walks through:

🔵 How he helps people identify the causes of poor INP
🟡 Examples of the most common issues
🟢 How to actually improve INP

https://www.speedcurve.com/blog/debugging-interaction-to-next-paint-inp/

carnage4life, to random
@carnage4life@mas.to avatar

The past month of in tech has been this headline. Both Microsoft and Google announced over $20B in profits along with thousands laid off.

https://www.mcsweeneys.net/articles/our-company-is-doing-so-well-that-youre-all-fired

nucliweb, to random
@nucliweb@webperf.social avatar
speedcurve, to UX
@speedcurve@webperf.social avatar

In his analysis of how Interaction to Next Paint correlates to conversion rate, @cliff found no consistent correlation with Google's thresholds for 'Good', 'Needs Improvement' and 'Poor'.

For example, for one site, conversions suffer when INP is 100ms, which is well within Google's 'good' threshold of 200ms.

This is why you need to look at your own user data to understand what your INP thresholds should be.

https://www.speedcurve.com/blog/INP-user-experience-correlation/

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

Wrote a rare blog post for my personal blog... it's about how I wrote a blog post for my work blog 😅

For those of you trying to scale your technical content, this is essentially a story about how I attempted to scale a recording to a massive blog post.

https://sia.codes/posts/converting-transcripts-to-blogs-with-ai/

nucliweb, to random
@nucliweb@webperf.social avatar

📣

Please be sure to avoid fade-in effects when loading the page. It seems a good UX resource to maintain good visual stability, but the Core Web Vitals LCP metric reports a terrible experience.

speedcurve, to UX
@speedcurve@webperf.social avatar

"If you don't consider time a crucial usability factor, you're missing a fundamental aspect of the user experience." This insightful post from @tammy covers topics like:

⚡ How fast we need pages to be
⚡ How delays hurt productivity
⚡ Measuring "web stress"
⚡ How slowness affects your brand

https://www.speedcurve.com/blog/psychology-site-speed/

speedcurve, to random
@speedcurve@webperf.social avatar

Backend time can have a huge impact on Largest Contentful Paint and other metrics. @cliff explains how to use server-timing headers to find out what's happening inside the "black box" of Time to First Byte.

https://www.speedcurve.com/blog/server-timing-time-to-first-byte/

remotesynth, to random
@remotesynth@mastodon.xyz avatar

This is a really fascinating look at the psychology of web performance by @tammy and why tiny changes in web site performance can have big impacts on our perceptions. It's hard wired in our brains! https://www.speedcurve.com/blog/psychology-site-speed/

eleventy, to random
@eleventy@fosstodon.org avatar

Join us for the 11ty International Symposium on Making Web Sites Real Good

(We are running a conference in May 2024!)

https://conf.11ty.dev/

slightlyoff, to random
@slightlyoff@toot.cafe avatar

a WHAT now? Why yes, you can have my personal email address and, gosh, I would like to sign up for the newsletter:

https://conf.11ty.dev/

speedcurve, to UX
@speedcurve@webperf.social avatar

ICYMI: Our awesome customer care team just got awesomer! Welcome @tkadlec!

😀 Learn more about Tim and how he'll be helping us make your sites faster (and your users happier): https://speedcurve.com/blog/building-future-performance/

⚡️ Explore our and consulting services: https://speedcurve.com/features/consulting/

speedcurve, to UX
@speedcurve@webperf.social avatar

Performance budgets are your best tool for fighting page speed regressions. This guide covers how to:

✅ Differentiate between budgets and goals
✅ Track the right metrics
✅ Determine thresholds
✅ Integrate with your CI/CD process
✅ Get stakeholder buy-in

https://www.speedcurve.com/blog/performance-budgets/

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