I'm monitoring a potential client's website... if they accept my help, I think we'll have a lot of work to do
#webperf #perftools #monitoring #improvetheproduct
WebPerf Snippets
A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools
#webperf #perftools #Performance
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
π£ New WebPerf Snippet:
Long Animation Frames
https://webperf-snippets.nucliweb.net/Interaction/Long-Animation-Frames
Thanks to @boostmarks π
#webperf #webperfsnippet #perftools
How to read a WebPageTest Waterfall View chart
https://nooshu.com/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/ by @TheRealNooshu
#webperf #perftools #productperf
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
Wow! π€©
More than 600 βοΈ in the webperf-snippets repo
Thank you π₯°
#webperf #webperfcommunity #perftools
π£ 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
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
β‘οΈπΎ Web Performance Snippets
A curated list of snippets to get Web Performance metrics to use in the browser console
#webperf #Performance #perftools
In the Chrome DevTools you can filter the resources network by size.
e.g. larger-than:1M
#webperf #Performance #perftools
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
I love the DebugBear's experiment feature to validate some hypotheses π
Now, it's time to implement the improvements
#webperf #Performance #perftools #perfreview
Thank you for sharing @smashingmag π₯°
https://mailchi.mp/smashingmagazine/401-web-performance?e=f8dd6cbb23
#webperf #Performance #perftools
With the "Fonts Preloaded, Loaded, and Used Above The Fold" script, I found an error in a font-weight π
π https://github.com/nucliweb/webperf-snippets#fonts-preloaded-loaded-and-used-above-the-fold
Btw, on this site, we don't need to preload the "fira-sans-v11-latin-700.woff2"... is not used in the first render
π¬ When CruX data is worse than lab data*
* Mobile, 1.6 MBPS Bandwidth, 150 MS Latency, 4X CPU Throttling
#webperf #Performance #perftools #CoreWebVitals
Exciting WebPagetest Scripting
#webperf #Performance #perftools
New Web Performance Snippet to list all the fonts preloaded via resources hints, all the fonts loaded via CSS, and all the fonts used in the viewport above the fold
https://github.com/nucliweb/webperf-snippets#fonts-preloaded-loaded-and-used-avobe-the-fold
#webperf #Performance #perftools
RT @_chrisHolder
Lighthouse v10 is finally here π₯
No need to think about TTI anymore π
Fraggle-Rock is finally gone and you can now import user-flow directly from βlighthouseβ πΎ
#WebPerf #Performance #PerfTools https://twitter.com/____lighthouse/status/1623808233587544064
#perftools #performance #webperf