 So I am Aditya, I am from Flipkart and one of the things we take very seriously at Flipkart is performance and performance consists of two parts. One is network that we all know, you know, minifying CDN, all that stuff, all those Steve Sounder rules and the other is rendering. That is the user. Can't hear me. What's the issue? Can't hear me. Now, is this better? Check, check, check, better. All right. So yeah, we take rendering performance as important as network performance. Why? Because it affects user experience. What do I mean by rendering performance? In one word, it's called jank when you open a website and when you scroll through it or when you wait for it to paint a lot of events that happen behind the scene. That is the browser is resizing images, painting your CSS, calculating the layout, where to put it, where not to put it. And that is in terms of milliseconds, but yet it affects because sometimes when it goes more than milliseconds, so there's this concept of every screen has a refresh rate that is about 60 hertz. That technically means it's rendering 60 frames per second. So if we go below 60 frames per second, that is 30 FPS, you can see the jank. So basically this is a Flipkart website homepage and I don't know if you can notice on the screen, but there is a slight janky feeling that is, you know, it's like jittering. It's not a very smooth experience. And that is what is rendering that's affecting rendering performance. So we researched into it, we looked into it, we saw what is breaking it and we found some best practices around it and stuff turns out a lot of things affect rendering performance. So I'm going to quickly fix what is affecting your by using DevTools. DevTools have awesome, awesome things to let you decide what is, you know, I mean, show you what is happening and what is not happening. One of the things is show paint rectangles, which tells you that when you scroll the page, what is actually getting painted on every event like scroll event. So right now it's telling me this entire top part is getting painted. Now I don't want that. That means the browser has to paint it every time, you know, I'm scrolling, so there's something going wrong there. So let me fix it. What I'm going to do is I'm going to go to my timeline and I'm going to record the frames once again. So this is what my frames look like right now. If you can see a lot of bars are going above 60 FPS. There's a lot of purple. There's a lot of green. Purple is basically layouting that is browsers deciding where to put what and green is the browser has to paint it has to draw it on the canvas. So let's fix what we can. You see here it will give you a lot of information of what is calling the layout and what is calling the paint. I don't have time to go into it, but basically all you can do is track back from there what is affecting and you can have easy fixes. One of the fixes that we use is we promote this to its own layer that header because it's position fixed. We are promoting it to its own layer. It's avoiding painting. Of course, there's a lot of caveats with this. That is it will affect your GPU. We are kind of paying a tax. We are telling the GPU to render it instead of the CPU. But it does improve my, you know, performance. Second changes I'm going to do is a little bit of JavaScript change. Do I have time? How much time left? Oh crap. Okay. I'm just going to open the broad website and show you how smooth it is. So compared to that one, if you notice the performance in this one, after the initial load of the page, you see a lot of frames. Most of the frames are below 60 seconds 60 FPS. That is actually more than 60 FPS. It's upside down 60 and then 30. Another thing you need to notice is there are a lot of empty hollow frames if you can see that is basically your CPU not able to handle what it's supposed to do. That means the Chrome browser is doing it well, but the CPU is not able to do the point of this flash talk was not to be too technical, but I got into it. The idea is please give importance to rendering performance. It really affects user experience. Nobody likes jank and I would really want you to go to a website called jankfree.org, which is a very great initiative to, you know, educate people across for rendering performance and how to prevent jank. Yeah. Thank you. Sorry. Translate V. I've promoted to a GPU layer. Any more questions, I'll be around.