!32 - ࠓߋײͷ͋ΔͰ͕͢… - PWȀຊப - ৴པ(࣮֬)ੑ - ͞ - ΞϓϦͱͯ͠ͷັྗ PWA • Reliable - Load instantly and never show the downasaur, even in uncertain network conditions. • Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling. • Engaging - Feel like a natural app on the device, with an immersive user experience. https://developers.google.com/web/progressive-web-apps/
!43 Render – Critical Rendering Pathͷ࠷దԽ Request Page Start building DOM Build CSSOM Run JS Continue Building DOM Render Page GET html Response Response Response GET css GET js CSSϒϩοΩϯά JSϒϩοΩϯά
!52 CSS Default CCSS / Dynamic CCSS HTML w/ ESI tag Complete HTML /article/123 Serverless (Origin Server) Fetch contents Fetch CCSS as ESI request Purge Trigger build