November 13, 2019 HomeArticlesSpeed Essentials: Key Techniques for Fast Websites (Chrome Dev Summit 2018) Speed Essentials: Key Techniques for Fast Websites (Chrome Dev Summit 2018) By David Keiser Articles, Blog 11 Comments Related posts: Chrome OS: Ready for Web Development (Chrome Dev Summit 2018) Designing a Progressive Web App with Firebase – Designer vs. Developer #25 Embracing a Mobile First Approach (AMP Conf ’19) Material Design Components for web – Designer vs. Developer #22 Tags:chrome dev summit, chrome dev summit 18, Chrome dev summit 2018, chrome dev summit livestream, chrome developer event, chrome developer updates, chrome developers, chrome summit, fast websites, Fast websites chrome, google chrome, google chrome dev summit, google chrome event, google chrome event 2018, google chrome summit, increase website speed chrome, web, web developer updates, web developers, web development, website speed Related Posts #4 Edit Product | Laravel Updates | E-commerce website development tutorial Production video – student views – UI/UX & Web Design using Adobe XD [11/42] Internet Speeds Explained | What is Bandwidth and Ping? | MBps vs Mbps Explained in Hindi About Author admin 11 Comments Denis TRUFFAUT 1) The "image" part of this talk is extremely well executed. Simple and efficient. Every dev should see that.2) I tried rel=modulepreload and, for now, it seems less efficient than bundling. November 13, 2018 Reply WRSonly native lazyload is cool November 13, 2018 Reply Code Total 2018 – images are taking over the web ?!?!?!?!?!? it is video that is taking over, images are more about year 2000 November 14, 2018 Reply Gagandeep Singh Thank you for sharing. This is really useful! Is there any way I can access the slides of the talks from the dev summit for reference ? November 14, 2018 Reply luxXbe Making websites fast is one thing but the increase of Cookie banners, GDPR notice, and asking for notification permission (sometimes altogether at once) is ruining the UX no matter how fast the page loads. November 15, 2018 Reply joe g I can't seem to get the Unused CSS column to display in the Coverages tab. Is this for an upcoming release? November 16, 2018 Reply Nicola IE is the only one currently supporting lazyload: https://caniuse.com/#feat=lazyload November 20, 2018 Reply Kevin Star Thanks for the awesome content, definitely a step in the right direction on improving overall web performance experience. Brilliant talks coming from chrome dev summit so far… Keep it up Googlers! November 24, 2018 Reply Gregory Conen Ahh, yes, we should replace the "flash of invisible text" with the "flash of unstyled text". Anyone else remember when the "flash of unstyled text" was the browser default but every best practice guide discussed how to replace it with the "flash of invisible text"? December 10, 2018 Reply Ajay Poshak Doing SSR using dynamic imports is tough. A SEO important piece cannot be dynamically imported. February 4, 2019 Reply Shuzo Otani <img lazyload="on | auto" />font-display: swap May 26, 2019 Reply Add a Comment Cancel reply Your email address will not be published. Required fields are marked *Comment:*Name:* Email Address:* Save my name, email, and website in this browser for the next time I comment.