I’m Sunit Jindal Is India's leading multi-channel beauty resort Chief Engineer of Nykaa At Nykaa, we firmly believe in high-performance applications Is a prerequisite for a good user experience This is especially true for mobile users We found that the performance success One of the keys is to cooperate with our business Key teams maintain a consistent pace The speed it takes to present content to users SEO possible benefits and conversion rate We ensure that we work with marketing and business partners Some metrics to keep consistent Frankly speaking, when Web Vitals was first released Means we have to do more work But we also know that this is a positive change Although the new indicators mean that we must again Do in-depth research to reach the threshold, but once we do You will find it is worth it By optimizing the code Add the correct CDN where needed Replace awkward third-party scripts with easier implementations, etc., We have improved these three Core Web Vitals In the end, we worked hard for several months Successfully improved all Core Web Vitals For users, pages load faster And there is little or no content transfer on the page We also found that across devices and network bandwidth Performance-related scores are constantly improving After the migration, compared to the old mobile site Our page views per visit increased by 23% Traffic from second-tier and third-tier cities Also increased by nearly 28% Finally, we also see that other key indicators are also increasing Such as average order value and search traffic In the process of leading the team through this journey I feel that Core Web Vitals represents a guideline Can promote us to provide a clear and fast user experience So far, we are very satisfied with the results And look forward to the follow-up content of the web indicators course Thank you, give it back to you, Dion -Thanks to Sunit and the entire developer community, etc.
Thank you so much for inviting me I wish we could have this conversation face to face – me too Can you share with us what you have been building? – of course. Whenever you put someone to sleep in a medical setting Keep their vital signs considered to be Best practice -I hope so Therefore, I think you have to monitor the patient’s true vital signs Here we are referring to human vital signs Instead of page metrics – Yes, of course Therefore, you have to make Anesthesia records Part of this record is a chart Which shows the patient during the whole process Vital signs every five minutes Sometimes this process can be very long So you might do this 50 times in a given situation Many people still use paper to do this And make a small chart like this So naturally, we are at anesthesiacharting.com A progressive web application It can actually do all of this work for you – understood.
So I am actually looking at The content on this paper, and try to figure out how PWA works -Yes, it might be easier if I demonstrate for you -Can you give us a demonstration? Ok please -As you can see, I am connected A patient vital signs monitor We can not only read data directly from it And record it in the chart And you can also issue commands Speech recognition API will also bring us some fun So if I say to measure blood pressure now (Buzzing sound from the machine) You will notice on the monitor Blood pressure cuff started to appear We can not only put a vital signs monitor in the corner You can also combine all this data Including my ECG waveform and all content All on a big screen This way, providers can see everything they need – awesome. There are a lot of things to explain Can you talk about how to make all Are these integrated contents working properly? -Okay, let's talk about the vital signs monitor Custom binary protocol executed via web sequence Of course, the Presentation API we use will All this content is displayed on a separate screen Is different from what I see here Then we also use Wake Lock API Make sure this computer won't Sleep halfway -Exactly.
Ok Feedback recorded I really hope we can do it on the next CDS Face-to-face conversation, despite being able to go online Online communication with you in the dentist's office is very special And it's from the UK -Yes, that's really great Thank you so much for inviting me, and everyone knows We have also taken all necessary precautions against the new coronavirus I even tested for the new coronavirus yesterday To ensure the safety of all of us – Safety first Hear stories like Henrik Make us pass Project Fugu Wait for the plan to implement new web features Proud of the work done Although Henrik’s example may be a bit specialized But he told us many other Use cases are also important For example, Gravit Designer makes their Users can easily read and write files using File System Access API This simplifies the process of opening and saving They have started using the new Local Font Access API, this API enables users to use Special fonts installed on your computer We want to hear about enhancing the web experience Information on required functions So stay tuned When you put all these together You can create something special Glad to share with you Adobe Spark recently An impressive new PWA launched It has stable performance, powerful functions, and supports a new generation Creatives collaborate and create together seamlessly It can provide a very pleasant experience Immediately afterwards, Spark in their partners Special attention is directly shared in the speech Their journey -When you put effort into building a great web experience You will want to attract as many users as possible Services such as Google search are an excellent Discovery platform and powerful web differentiation tool But now, many users are used to Google Play and other app stores to discover things Development of progressive web applications that meet recommended quality standards Developers can use trusted web activities Incorporate it into the Android app In Chrome 85 released earlier this year We have extended support for trusted web activities to Chrome OS, and developers can now add it Publish the app to the Chrome OS Play Store Chrome OS and Chromebooks are excellent platforms Can be demonstrated through Project Fugu and other work The functions of modern Web and its extended functions Developers can use the Play Store Easily discover and install the web applications And they can be deeply integrated into Chrome OS launcher and overall system experience In the past year, Chromo OS has A powerful new desktop PWA is introduced into its ecosystem From advanced graphics products such as Adobe Spark to Attractive media applications such as YouTube TV and Hulu are readily available Framer is a cross-device design and prototyping tool It was originally a platform application on Mac OS After the collaborative web version was released Its number of users has increased fourfold Today, we announce that Google Play is Use trusted web activities published in the Play Store PWA added support for game billing It will be integrated into Chrome 88 Now available for developers And will launch a stable version in mid-January 2021 Both Chrome OS and Android will support it And support the purchase of digital goods and subscription content Including the new Standardized Digital Goods API You can use the "a new level of desktop web application" And "New Features of Web Applications in Play".
Learn more about them in these two courses -We have shared some latest information about the platform Let’s discuss the new features of developer tools And how they help you build these great web applications It's your turn, Jecelyn -Thanks, Dion A lot has happened in the field of developer tools Let’s explore in depth First, we are in Chrome DevTools Provides some great new features The first is the grid tool. As Una said before Now you can use the new CSS grid debugging tool Debug CSS grids more easily Great, I am very excited about it Second, we are "presenting" and "sensor" New simulation function has been added to the tab Including lack of local fonts, inactive users, etc. Next is the most commonly used panel in DevTools This is the element panel, which now supports more functions Including the editing of CSS styles in the JS framework In terms of accessibility, we have added some new features Includes accessible color suggestions and Simulate visual defects, etc.
Finally, we also added a bunch of new tabs and panels Such as the new media panel Can help you debug your website more easily There is still a lot of content, so don’t forget to participate tomorrow "The New Features of DevTools" course In continuous development, as people pay more and more attention to web indicators By this summer, all the indicators we have observed Have achieved up to 70% growth Therefore, we must ensure that all these functions Make further enhancements, including Lighthouse This tool allows you to Review your website on a one-to-one basis And provide feasible improvement guidelines First, we have added three new audit content Help you determine the Cumulative Layout Shift used to check Specific method In addition, we know that third-party libraries Essential to your Core Web Vitals Therefore, as a first step, we embed content for third parties Added other review items to help you clearly understand Your influence on website metrics We hope these changes Make it easier for developers Debug and optimize its Core Web Vitals Stay tuned to watch Elizabeth provide later today "Status of Speed Tools" course for more information Finally, I want to thank the Workbox team They launched the create-react-app More flexible integration, allowing you to Complete control of the service worker logic Recently, the team released Workbox V6 It contains some commendable updates Including for building custom caching strategies and plugins New extensible hook It also supports Webpack V5, and in More flexible integration is provided in create-react-app V4 Eventually, we will have more code bases Migrate to TypeScript to make it easier to Use code libraries in TypeScript projects Don't forget to watch tomorrow Jeffrey explains other courses Okay, then return the time to Dion and Ben -We have discussed how to build fast Powerful and secure web experience and show you some examples But we always hope to achieve our goals step by step in a down-to-earth manner We asked ourselves if we can create a Rich web applications that load quickly and run smoothly? Considering our own abilities, we usually try Use developer tools to achieve this goal Two years ago, we announced the launch of Squoosh at the 2018 Chrome Developer Summit As the Web is about to get three commendable new image formats We know it’s time to build the second version Therefore, we added JPEG-XL, WebP2, AVIF You can see the image encoding How much development has been made in the past two decades At the same time, we use the latest and most powerful WebAssembly function, more mature WebAssembly Toolchain to enable image compression in the browser The running speed is greatly improved We also understand the needs of users Thus creating a new and improved interface And wrote the Squoosh CLI so you can use All codes and settings available in PWA Compress all images at once Share the same in the command line version of the browser and node WebAssembly binaries are very effective So you can check out Squoosh V2 And follow the link here to learn how the team built Squoosh V2 And how to use it to compress images As we mentioned at the beginning The Chrome team is focused on working with the community This community actually includes everyone in CDS So that the Web becomes more powerful, fast and seamless The most important thing is to be safer -Surprisingly, over 30 years The web platform continues to evolve -I think it’s older than most of our team members -(Chuckling softly) Can we say that? We will continue to improve web.dev as a one-stop service Used to understand our Views on how to get the best results from the modern web -[Dion] on the website for Lighthouse And Web Vitals program and other tools are fully explained -Of course, at the CDS online conference this week We will do our best to explain all The latest and greatest development We will answer your questions at any time And listen to your thoughts and feedback -We have too much wonderful content to share and additional information for you to analyze in depth This information will be available on our YouTube channel -So next, stay tuned Adobe Spark team, listen to them directly The construction of the new PWA that we briefly described earlier -Now we are going to watch it too, and join with you Chrome Dev Summit Adventure (Cheerful music)