Struggling to get your website to load in less than 5 seconds on a mobile phone? Switching pages are a little sluggish? You’re not alone! Most web developers can build a responsive site, but fail to meet performance requirements for mobile. Using the latest PRPL pattern and Progressive Web API’s, you can provide a compelling alternative to native apps, as long as you focus on performance from the beginning. This talk will cover why the performance of your site is so important and dive into the Chrome performance tools to explain exactly how a browser loads a site and what causes things to slow down. Lastly, we’ll cover how to create your own PWA with service workers and app installs. EVENT: Node+JS Interactive 2018 SPEAKER: Chris Lorenzo, Comcast PERMISSIONS: The Linux Foundation provided Coding Tech with the permission to republish this video. CREDITS: Original video source: https://www.youtube.com/watch?v=TRZN7W1dTPo https://www.youtube.com/watch?v=x0t4G_3pRQ4

Houdini continues to expand the power and capabilities of CSS. Houdini exposes the parts of the CSS engine that make possible APIs like CSS Grid, Scroll Snap Points, conic gradients, et al. Extend CSS’ capabilities yourself without questionable hacks and better performance. In this talk, we look at the overall structure of the Houdini effort and take a closer look at CSS Paint, Animation Worklets and Custom Layout API. We can get a taste of what the future holds: An ecosystem of modules that bring powerful effects from the shelf to your app. EVENT: Chrome Dev Summit 2018 SPEAKER: Surma PERMISSIONS: Original video was published with the Creative Commons Attribution license (reuse allowed). CREDITS: Original video source: https://www.youtube.com/watch?v=lK3OiJvwgSc https://www.youtube.com/watch?v=G7KOgwuKBJQ

In this case study of https://soundslice.com, Adrian shares lots of performance tweaks he has used to make responsive sheet music layout perform well in web browsers. EVENT: performance.now() 2018 SPEAKER: Adrian Holovaty PERMISSIONS: Original video was published with the Creative Commons Attribution license (reuse allowed). CREDITS: Original video source: https://www.youtube.com/watch?v=XH5EtQge_Bg https://www.youtube.com/watch?v=7cpTD327v5M