@samarpanda

Web performance, react, graphQL, security, nodejs, speaker & I love the web. Software Architect @Quikr.

 Bangalore
samarpanda.com
Joined December 2009
  • Tweets1.2K
  • Following799
  • Followers397
98Media
Two useful metrics for evaluating AI systems: Pass@k: At least one of k attempts is correct. Measures the system's capability to succeed. Pass^k: All k attempts are correct. Measures the system's consistency and reliability. #AIEvals #LLMEvaluation #AIEngineering
1
113
I was lucky enough to author a chapter for this year's Web Almanac. Thanks to @TheGreenGreek Nitin @tunetheweb @AndyDavies @samarpanda @westonruter and @rick_viscomi for your superb help. 💪 Give it a read and let me know what you think. almanac.httparchive.org/en/2…

Resource Hints | 2021 | The Web Almanac by HTTP Archive

Resource Hints chapter of the 2021 Web Almanac covering adoption of resource hints, their uses, bad practices, and their impact on performance.

almanac.httparchive.org
5
22
Looking at @Akamai mPulse data across thousands of sites, the Facebook/Instagram in-app mobile browser represents 4.4% of all mobile page views. During today's outage, traffic from those in-app browsers plummeted.
2
16
4
66
Web Vitals Patterns: web.dev/patterns/web-vitals-… See how to implement common UX patterns in a way that is Core Web Vitals friendly. Includes carousels, banners, infinite scroll, & more.

Core Web Vitals  |  web.dev

web.dev
7
223
7
728
I once ran a WebPageTest test and all I got was this humongous blog post! 😃 nooshu.github.io/blog/2019/1…

How to read a WebPageTest Waterfall View chart

WebPageTest waterfall charts are a very powerful web performance tool, but can sometimes be a little confusing. Maybe...

nooshu.com
WebPageTest™@RealWebPageTest14 May 2021
Hi fellow Performance folk, excited to be here! Before we start posting great #webperf content, we wanted to hear your favorite WPT(.org) memories. We're total suckers for nostalgia :) Share your #WebPageTest story if you got one 👇
I ran a WebPageTest and...Insert Story.

ALT I ran a WebPageTest and...Insert Story.

1
4
17
PageSpeed Insights now includes Lighthouse's element screenshots! goo.gle/psi Find your page's most important elements even more quickly; click on the screenshot to reveal the element in the context of the whole page 🔎🖼
15
255
37
660
💡 VSCode extension: Thunder Client - A light weight rest client for testing APIs. No more switching to other apps to test APIs. thunderclient.io/
2
3
zoom on web leveraging WebAssembly SIMD, WebTransport & WebCodecs features. youtu.be/nhTxJBgTywc?t=101

Zoom on Web: getting connected with advanced web technology

Now more than ever, having a dependable and performant video connec...

youtube.com
1
Anyone trying `subresource loading with web bundles` i.e github.com/WICG/webpackage/b… Although it is still under chrome origin trials.
Anyone facing similar issue while selecting a delivery address. On reaching out to customer care they keep repeating me to delete all my addresses and try again. But that is not helping. Shared the same over the email as well. 1/3 cc: @AmazonHelp @amazonIN
2
Seems like this is not reaching the required group of people those who can fix this issue. Can anyone connect me to the right group here for a resolution. Its almost a week now. Didn't expect this from amazon.in 2/3
1
Wife's birthday is round the corner. Hope you understand the reason of urgency here 😉. Don't let me fallback to other available options 🤩 3/3
1
Thanks to @Janicklas, Next.js can now automatically inline Critical CSS ✨ Feature is experimental and behind a flag, but we'll love to hear your feedback: 1. Add `experimental: { optimizeCss: true }` to next.config.js 2. Install [email protected] as a dependency And that's it!
17
123
18
657
Samar Panda retweeted
Addy Osmani
@addyosmani7 Mar 2021
CSS "content-visibility:auto" is amazing: skip rendering & painting offscreen content until needed. I got a ~1s faster render on a long HTML document on desktop, ~3s on mobile. web.dev/content-visibility/
The CSS content-visibility property enables the browser to skip an element's rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, leveraging the content-visibility property makes the initial user load much faster. In this screenshot, to the left is a partial screenshot of a long web page with a high rendering and painting time. To the right is a version with content-visibility used on sections of the page, heavily reducing overall rendering times.

ALT The CSS content-visibility property enables the browser to skip an element's rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, leveraging the content-visibility property makes the initial user load much faster. In this screenshot, to the left is a partial screenshot of a long web page with a high rendering and painting time. To the right is a version with content-visibility used on sections of the page, heavily reducing overall rendering times.

58
1,350
92
6,586
RSVP & join in if you are interested in @usingwpt & @ChromeDevTools
Web Performance NY@nywebperf23 Feb 2021
Next event on February 25: Analyze and Improve web performance (using @ChromeDevTools & @usingwpt) with @samarpanda. RSVP now: meetup.com/Web-Performance-N… #webperf #wpo #perfmatters
1
1
👩‍🚀 Introducing 𝗪𝗠𝗥: The tiny all-in-one development tool for modern web apps. Everything you need to build a fast Preact site, from dev to prod. 🦄 TSX, HMR, CSS Modules, etc 🦦 use npm modules without installing 📦 one 2mb file, no dependencies → github.com/preactjs/wmr
36
322
77
1,401
👋 WPT JS execution markers(pink lines) updates #WebPageTest #WPT
This quoted post is unavailable.
Try viewing anyway · View on X
1
🚨 Did you know the IMG tag was introduced 25 yrs ago TODAY on Nov 24th 🎂🎉, as part of the HTML 2.0 spec -or- RFC 1866. In celebration, I’d like to release the videos from IMAGE READY, a series of talks on modern images, recorded Oct 2. A thread ⬇ #imageReady
IMAGE READY: THE VIDEOS. a series of talks about modern web image formats, and tooling. avif. webp. jpeg xl. htjpg2000. lighthouse. layout shift. squoosh! app.

ALT IMAGE READY: THE VIDEOS. a series of talks about modern web image formats, and tooling. avif. webp. jpeg xl. htjpg2000. lighthouse. layout shift. squoosh! app.

5
67
13
212
⚡️Great way to extract actionable & presentable data from WPT result using jq. Awesome post 👏. i.e WPT data | jq ( slice / map / filter ) = result ✨ #wpt #jq #webperf #perfmatters
Matt Hobbs (@[email protected])@TheRealNooshu9 Oct 2020
New blog post by me: 'Using `jq` with the WebPageTest API'. #webperf #perfmatters nooshu.github.io/blog/2020/1…
Displaying the CLS of each of the test runs using `jq` and Google Sheets.

ALT Displaying the CLS of each of the test runs using `jq` and Google Sheets.

Displaying different web performance metrics across runs using `jq` and Google Sheets.

ALT Displaying different web performance metrics across runs using `jq` and Google Sheets.

Displaying the connection setup stages across test runs using `jq` and Google Sheets.

ALT Displaying the connection setup stages across test runs using `jq` and Google Sheets.

1
2
One of the best articles on demystifying WPT waterfall. Thanks for updating @TheRealNooshu We talked about this in today's @nywebperf Need for speed online meetup. cc: @sergeyche
Matt Hobbs (@[email protected])@TheRealNooshu22 Sep 2020
Another set of updates to my 'How to read a WebPageTest Waterfall View chart': • Examining undefined 204 status codes • Service Worker precache slowing a page load • How to view a sites HTTP/2 dependency graph nooshu.github.io/blog/2019/1… #webperf #perfmatters
Waterfall looking at the effect an early service worker registration can have on page loading.

ALT Waterfall looking at the effect an early service worker registration can have on page loading.

Waterfall investigating 204 status codes named 'undefined'.

ALT Waterfall investigating 204 status codes named 'undefined'.

Annotated version of a Chrome HTTP/2 dependency graph.

ALT Annotated version of a Chrome HTTP/2 dependency graph.

1
7
Load more