Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore the inner workings of AMP (Accelerated Mobile Pages) and learn how to apply its performance-enhancing techniques to non-AMP projects in this JSConf EU 2017 talk. Delve into network concurrency, font loading, image optimizations, and pre-rendering, uncovering the secrets behind AMP's speed. Discover practical strategies to improve loading times, optimize CSS, handle third-party JavaScript, and prioritize resources. Gain insights on preconnecting, managing server downtime, preventing content shifting, and implementing GPU animations. Learn about caching, prerendering, and resource compression techniques to significantly boost your web project's performance, even without using AMP.
Syllabus
Introduction
The problem
Loading time
Unstyled content
Under the hood
Asynchronous download
Inline CSS
Clean up CSS
Thirdparty JavaScript
Style Recalculation
Resource Prioritization
Preconnect
Invisibility
Server Downtime
Content Shifting
Frozen Janky
Batch the dome access
GPU animations
Cache
Prerendering
Resource Compression
Image Compression
Summary
What does this mean
Taught by
JSConf