 Hello, my name is Sophie Yang and I built a developer tool that that auto detects resources in files and generate resource manifest. And this I built it because this will help us to use this really cool technology called HTTP to server push. So HTTP to server push is a performance technique or it is a technique that makes your web load much more faster and it does it by reducing unnecessary wrong trees between server and browsers. So in a typical web server communications, web browser will send a request to a server and then server will send, sorry, web, yeah server will respond with the requested contents. So in this case a web browser received index HTML and then once it receives it browser is responsible to parse through this file to detect resources, detect dependencies. In this case it's style CSS. Index HTML needs style CSS to be rendered. So browser will send another request to a server and then server will send style CSS spec. So imagine but imagine index HTML having three or four or five dependencies or resources like this then there'll be a lot of wrong trees. So oh it seems very unnecessary, it seems very inefficient. So HTTP to server push is very mouthful, has solutions, oh, oh, oh, oh, sorry. It happens. My bad. My bad. No worries. Can I just keep talking? Oh sure. Yeah, don't worry about it. Sure. So it's, oh, perfect timing. HTTP server push has a solution to these problems. So once browser send a request to a server, hey, give me index HTML. Somehow, you know, like browser knew it because it parsed through the index HTML but how does server knows. So what happens is that what happens is that it is our job as a developer to tell server, hey, these are the resources you have to push. So what we do is that we provide a manifest file. It's a to-do list. Hey server, please push this to-do list. What it does is that, so HTTP to manifest is not required in HTTP to protocol but then it is useful to indicate to server that hey these are the resources that you have to push when browser requested. So let me just give you an example of dependencies or resources. So index HTML might have an image file and main CSS as a resources or dependencies. Style CSS might have dependencies like font awesome and script.js as well. So it is our job, as I mentioned earlier, to indicate those resources needed in the manifest file but then it seems very tedious. Imagine you have to write like 10 dependencies or 20 dependencies yourself. Oh, not fun. So the solution is a developer tool that I built which is it parses through HTML, CSS, and JavaScript file to detect these dependencies. So for parser I use our HTML parser too for HTML file, CSS3 for CSS file and the acorn for JavaScript file and then what these parsers do is that it turns the source code into a syntax tree and each node represents a object in a source code and then we can visit any of the nodes by specifying with types and names. So this is a CSS example so I can visit, I can retrieve the g file or CSS file by visiting the nodes. So yeah, so this is like how I would write a code, how I would detect those dependencies and so my friend and I built the one line. So if you want to use this tool, if you want to utilize this developer tool to make your web load faster with HTTP server push, all you can do is that you can install it at common source manifest and then type manifest generate what it does is that it will parse through the files and generate put all those dependencies into a manifest file and it automatically builds it for you. So thank you so much for your attention so thank you and then common source is a free and open source project that I fall in love with. It is you can you can deploy your websites it's like hero code but then it's like you can deploy any static websites and it's a to me it's a next generation content delivery network project because it is next generations because I as a private individual can help web load faster by hosting a mini server not as a like big server center so I think I just it made me very passionate so I am I've been helping out and then I do hope that you use this developer tool to make your web faster. Thank you. Alright, questions. Chocolate? Easy question. Oh yes, lovely, thank you. Can I offer you chocolate too? Here you go. It's not my help yourself. Okay, thank you. Bye bye. Next up, normally we'd have our experience every time I do it.