#webperf
New "Please, optimize your images" show case.
- 41 images
- 283 MB
- LCP: 17.94 s
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/
🥺 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
Why you shouldn’t only look at your page speed score
https://www.ecommerce-advent-calendar.com/2023/why-you-should-not-only-look-at-your-page-speed-score
Preparing For Interaction To Next Paint, A New Web Core Vital
https://www.smashingmagazine.com/2023/12/preparing-interaction-next-paint-web-core-vital/
⚡ You could spend your day in spreadsheets, or you could receive this performance summary email.
Or both. You do you.
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
Why web performance tools should be reporting website carbon emissions: https://calendar.perfplanet.com/2023/why-web-perf-tools-should-be-reporting-website-carbon-emissions/ #webperf #webdev #environment #goGreen
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
🔗 “Sizes=‘auto’ pretty much requires width and height attributes” by @eeeps
I haven’t checked but I think this unsubscribe form might have a bit of cumulative layout shift 😬#WebPerf
📬 Get most up-to-date performance tools, case studies and articles. Every two weeks. In your inbox.
Mobile INP performance: The elephant in the room
https://www.speedcurve.com/blog/core-web-vitals-inp-mobile/ by @cliff
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?
MacBook delivery day – time to get even more disconnected from the reality of end user #webperf 😉
🤩 Fotocasa INP OKR Definition
We are working to have a Web Performance Culture at Adevinta, and I love to see meets with this topic 🥰
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
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
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
💖 Anyone can work on web performance.
Don’t know where to start? We have a handy introduction guide.
😍 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
#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
#Development #Launches
Web Performance Calendar 2023 · The yearly publication about everything web performance https://ilo.im/15xawh
_____
#WebDev #WebPerf #Frontend #AdventCalendar #2023
How ⚡ fast ⚡ is the @Tesla
#Cybertruck website?
Here our WebPerformance Report:
👉 https://bit.ly/webperfreport-cybertruck
#WebPerf #Tesla
⚡ Context-based web performance advice is best advice.
Check what steps you can take to optimise each Core Web Vital. No more guesstimating.
🔗 “Psychology of Speed: A Guide to Perceived Performance” by @fox
⚓️ https://nicolas-hoizey.com/links/2023/11/22/psychology-of-speed-a-guide-to-perceived-performance/
#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
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!
⚡ 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.
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
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.
Should AVIF be the dominant image format on the web?
https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format/
Automatically Compress Images on Pull Requests
https://calibreapp.com/blog/compress-images-in-prs by @calibre
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.
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!
Preloading responsive images to improve the LCP metric (aka user experience)
