Masthash

#webperf

nucliweb
10 hours ago

New "Please, optimize your images" show case.

- 41 images
- 283 MB
- LCP: 17.94 s

#WebPerf #Images #PleaseOptimizeTheImages

nucliweb
11 hours ago

Do you need to improve LCP metric?

You can split efforts between Frontend and Backend teams:

- BE: Focus on TTFB
- FE: Focus on LCP(FE)

Check out @TimVereecke's post https://calendar.perfplanet.com/2022/lcpfe/

#WebPerf #LCP #CoreWebVitals

Sia Karamalegos
16 hours ago

@stoyan add the #webperf hashtag to these posts. You can follow hashtags on here

nucliweb
2 days ago

🥺 Please, optimize your images, do it for your users.

1️⃣ Use correct size, you can use Responsive Images
2️⃣ Use modern image format: WebP, AVIF, JPEG XL
3️⃣ Ensure a correct optimization, config your codec
4️⃣ Bonus: Use Cloudinary as Image CDN service

#WebPerf #ImagePerf

Chrome DevTools screenshot: an image of 5382 x 3587px, and 7.8 MB, rendered to 248 x 325px
Chrome DevTools screenshot: an image of 5999 x 3999, and 10.3 MB
Calibre
2 days ago

⚡ You could spend your day in spreadsheets, or you could receive this performance summary email.

Or both. You do you.

#webperf #perfmatters

Insights report for Calibre's site showing Core Web Vitals measurements and their changes and a summary of amount of tests, pages, test profiles, deploys and performance budgets.
SpeedCurve
2 days ago

CI/CD workflow improvements, more powerful RUM, and more! Here's what we shipped this month.

https://www.speedcurve.com/blog/december-2023-update/ #webperf #ux #webperformance

nucliweb
3 days ago

A web page with 124 fonts 🙈

#WebPerf #Performance

Chrome DevTools screenshot filtering font requests, there are 124 font requests
SpeedCurve
3 days ago

We now offer great consulting to go with our great tools! Our amazing team of #webperf and #ux experts will help you make your site faster, your users happier, and your business more successful.

Find the right consulting package for you: https://www.speedcurve.com/features/consulting/ #corewebvitals #webperformance

Photos of the SpeedCurve team of performance experts: Cliff Crocker, Andy Davies, Steve Souders, Tammy Everts, and Mark Zeman
Nicolas Hoizey
4 days ago

🔗 “Sizes=‘auto’ pretty much requires width and height attributes” by @eeeps

#image #responsive #WebPerf

⚓️ https://nicolas-hoizey.com/links/2023/12/05/sizes-auto-pretty-much-requires-width-and-height-attributes/

Screenshot of Sizes="auto" pretty much requires width and height attributes
benschwarz
4 days ago

I haven’t checked but I think this unsubscribe form might have a bit of cumulative layout shift 😬#WebPerf

Calibre
4 days ago

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

#webperf #perfmatters

https://perf.email/

nucliweb
4 days ago
SpeedCurve
4 days ago

As @cliff explains in this post, only 65% of mobile sites have "good" Interaction to Next Paint. Why? How much can this hurt your business? And how can you fix it before INP dethrones FID as the responsiveness metric in #CoreWebVitals in March?

https://www.speedcurve.com/blog/core-web-vitals-inp-mobile/

#webperf #webperformance #ux #javascript #js

Ryan Townsend
5 days ago

MacBook delivery day – time to get even more disconnected from the reality of end user #webperf 😉

MacBook Pro out for delivery
nucliweb
5 days ago

🤩 Fotocasa INP OKR Definition

We are working to have a Web Performance Culture at Adevinta, and I love to see meets with this topic 🥰

#WebPerf #INP #CoreWebVitals

Google Calendar meet:

Fotocasa INP OKR Definition
Tuesday, 5 December⋅14:00 – 15:00
nucliweb
5 days ago

Do you know Interaction to Next Paint?

Interaction to Next Paint (INP) is a pending Core Web Vital metric that will replace First Input Delay (FID) in March 2024

https://web.dev/articles/inp

#WebPerf #INP #CoreWeVitals

Aquaman (INP) Sneaking up on Superman (FID)
Nick | OneThingWell.dev
6 days ago

I need some recommendations for people to follow, any suggestions are welcome.

My topics of interest: #linux #unix #sysadmin #programming #webdev #webperf #indieweb #privacy #infosec #gardening

Michelle Barker
6 days ago

I learned some surprising things when testing the performance of social media embeds that sent me down a rabbit hole: https://css-irl.info/testing-the-performance-of-social-media-embeds/ #webperf

Calibre
6 days ago

💖 Anyone can work on web performance.

Don’t know where to start? We have a handy introduction guide.

#webperf #perfmatters

https://calibreapp.com/blog/get-started-with-performance

WebPerformance Report
1 week ago

😍 WebPerformance Report Week #48. Delivered ✅
If you wants to receive the @webperfreport the next week, all you have to do is subscribe from our website:
👉 https://webperformancereport.com
🍻 https://www.buymeacoffee.com/webperfreport
#webperf #corewebvitals #webperformance #buildinpublic

Inautilo
1 week ago

#Development #Compilations
Web development advent calendars for 2023 · This year’s advent calendars covering web-related topics https://ilo.im/15xawt

_____
#WebDev #WebPerf #WebDesign #WebStandards #Accessibility #Frontend #Backend #AdventCalendar #2023

Inautilo
1 week ago

#Development #Launches
Web Performance Calendar 2023 · The yearly publication about everything web performance https://ilo.im/15xawh

_____
#WebDev #WebPerf #Frontend #AdventCalendar #2023

WebPerformance Report
1 week ago

How ⚡ fast ⚡ is the @Tesla
#Cybertruck website?
Here our WebPerformance Report:
👉 https://bit.ly/webperfreport-cybertruck
#WebPerf #Tesla

Calibre
1 week ago

⚡ Context-based web performance advice is best advice.

Check what steps you can take to optimise each Core Web Vital. No more guesstimating.

#webperf #perfmatters

Screenshot of Calibre's Performance Audits filtered by Cumulative Layout Shift. Showing 2 audits of diagnostic type with affected HTML elements
Nicolas Hoizey
1 week ago

🔗 “Psychology of Speed: A Guide to Perceived Performance” by @fox

#WebPerf #UX

⚓️ https://nicolas-hoizey.com/links/2023/11/22/psychology-of-speed-a-guide-to-perceived-performance/

Screenshot of Psychology of Speed: A Guide to Perceived Performance
Inautilo
1 week ago

#Development #Relaunches
Off The Main Thread Podcast · Two code ninjas discuss the latest around web development https://ilo.im/15x9mb

_____
#WebDev #WebPerf #WebStandards #Browser #DevTools #Tooling #Accessibility #Frontend #Frameworks #Podcast

Tammy Everts
1 week ago

These days, folks are tasked with being more productive than ever, despite having smaller teams and budgets. It's hard!

A few weeks ago at @perfnowconf I shared tips and best practices for how to chase impact. Topics include how to:

• Identify your critical rendering path
• Focus on the pages that matter
• Fix the low-hanging fruit
• Manage expectations
• Use performance budgets to fight regressions
• Quantify success – and brag about it!

#webperf #ux

https://www.youtube.com/watch?v=L6gZp3-7w8c

Calibre
2 weeks ago

⚡ Your weekly reminder to check in on Interaction to Next Paint.

INP will become a Core Web Vital in March 2024. Check yours and ensure it’s in the green.

#webperf #perfmatters

https://calibreapp.com/blog/interaction-to-next-paint

SpeedCurve
2 weeks ago

Now that INP has arrived to dethrone FID as the #CoreWebVitals responsiveness metric, it's time to scrutinize its effectiveness. @cliff looks at real-world data and asks: What correlation does INP have with #UX and business metrics?

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

nucliweb
2 weeks ago

In Adevinta we are monitoring the INP sub-parts to give more info to the dev teams to improve the new Core Web Vital metric.

#WebPerf #Performance #CoreWebVitals #INP

Dashboard metric screenshot from 11:00 to 13:30 to show percentile 75 of INP sup-parts

Input Delay: 130ms
Processing Time: 23ms
Presentation Delay: 192ms
Calibre
2 weeks ago

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!

#webperf #perfmatters

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

nucliweb
2 weeks ago
wesruv
2 weeks ago

Debugging styles in an enterprise app that has (at least) 980 CSS custom properties (aka CSS vars) and dev tools for CSS are much slower than I'm used to.

I still have a hard time believing the massive proliferation of CSS custom properties doesn't have a performance cost to the end user. Probably not enough for small/medium sites to care, but enough that it shouldn't be ignored by enterprise products/ecosystems.

#webperf #webperformance #css #cssVariables

Ryan Townsend
2 weeks ago

The recording of @programmingart's brilliant talk from #PerfNow 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!

#webperf #perfmatters #webdev

nucliweb
2 weeks ago

Preloading responsive images to improve the LCP metric (aka user experience)

#WebPerf #Performance #Images #LCP #CoreWebVitals

<!-- Preconnect if you have a custom domain or CDN for assets -->
<link rel="preconnect" href="https://images.domain.net">

<!-- Mobile -->
<link as="image" href="..." rel="preload" fetchpriority="high" imagesizes="100vw"  media="(max-width: 599px)">

<!-- Desktop -->
<link as="image" href="..." rel="preload" fetchpriority="high" imagesizes="100vw"  media="(min-width: 600px)">