nucliweb, to random
@nucliweb@webperf.social avatar

What’s new (regarding Web Performance) in DevTools, Chrome 124

1️⃣ Hide functions and their children in the flame chart
2️⃣ Arrows from selected initiators to events they initiated
3️⃣ Enabling JS sampling adds detailed JavaScript call stacks to the performance trace

#WebPerf #PerfTools #DevTools

Arrows from selected initiators to events they initiated
Enabling JS sampling adds detailed JavaScript call stacks to the performance trace

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

WebPerf Snippets
A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools

https://webperf-snippets.nucliweb.net/

#WebPerf #PerfTools #Performance #WebPerfSippets

nucliweb, to random
@nucliweb@webperf.social avatar

The best way to improve web performance is with a data-driven approach.

The most effective tool is Real User Monitoring (RUM), and if the tool has the target attribution, it becomes a great source of information to detect bottlenecks in the interactions that users make, especially in the new metric Interaction to Next Paint (INP).

And @debugbear has this great feature 😊

https://dub.sh/debugbear

nucliweb, to react
@nucliweb@webperf.social avatar
nucliweb, to random
@nucliweb@webperf.social avatar

All my favorite tracing tools: eBPF, QEMU, Perfetto, new ones I built and more

https://thume.ca/2023/12/02/tracing-methods/

#WebPerf #PerfTools

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

📣 New WebPerf Snippet "Event Processing Time" to find the process time it took for events to finish, thanks to @josh_dev 😊

https://webperf-snippets.nucliweb.net/Loading/Event-Processing-Time

#WebPerf #PerfTools #WebPerfSnippets

Console table with the result of the snippet running on the web.dev site

nucliweb, to random
@nucliweb@webperf.social avatar

Updated the Scripts Loading WebPerf Snippet to check the <script type="module">

https://webperf-snippets.nucliweb.net/Loading/Script-Loading

#WebPerf #PerfTools #WebPerfSnippets

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

I'm monitoring a potential client's website... if they accept my help, I think we'll have a lot of work to do

nucliweb, to random
@nucliweb@webperf.social avatar

WebPerf Snippets

A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools

https://webperf-snippets.nucliweb.net/

#WebPerf #PerfTools #Performance

nucliweb, to random
@nucliweb@webperf.social avatar

Today I'm going to do a "live coding" Web Performance Review, we're going to look at these topics at ISDI Coders MeetUp

https://www.eventbrite.com/e/entradas-web-performance-review-live-coding-652093528297

#WebPerf #ProductPerf #PerfTools #PerfReview

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

I have published a website with Web Performance Snippets to make it more user-friendly, more orderly, and with a search feature

⚡️💾 https://webperf-snippets.nucliweb.net

#WebPerf #Performance #PerfTools

nucliweb, to random
@nucliweb@webperf.social avatar

Wow! 🤩
More than 600 ⭐️ in the webperf-snippets repo

Thank you 🥰

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

#WebPerf #WebPerfCommunity #PerfTools

nucliweb, to random
@nucliweb@webperf.social avatar

📣 New webperf-snippet by @josh_dev

Find all inline scripts on the page and list the scripts and count. Find the total byte size of all the inline scripts in the console

#WebPerf #Performance #PerfTools

nucliweb, to random
@nucliweb@webperf.social avatar

Get your <head> in order, a new web perf snipped, by Rick Viscomi, to use in the Chrome Dev Tools

How you order elements can have an effect on the (perceived) performance of the page.

https://github.com/nucliweb/webperf-snippets#get-your-head-in-order

#WebPerf #Performance #PerfTools

nucliweb, to random
@nucliweb@webperf.social avatar

⚡️💾 Web Performance Snippets
A curated list of snippets to get Web Performance metrics to use in the browser console

https://dub.sh/webperf-snippets

#WebPerf #Performance #PerfTools

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

New Web Perf Snippet to Find render-blocking resources

👉 https://github.com/nucliweb/webperf-snippets#find-render-blocking-resources

Thank you @stefan for the Pull Request 😊

#WebPerf #Performance #PerfTools

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