PageSpeed基礎知識

<html> <head> <script>console.log("head-inline-start");</script> <script src=“head.js”></script> <script async src="async.js"></script> <script defer
src="defer.js"></script> <script>console.log("head-inline-end");</script> </head> <body> <script>console.log("body-inline-start");</script> <div id="greet">Hello</div> <script src="body.js"></script> <div id="name">ryer.</div> <script>console.log("body-inline-end");</script> </body> </html>

document.addEventListener("DOMContentLoaded", function(){ console.log("DOMContentLoaded") } ); window.addEventListener("load", function(){ console.log("window.load") } );

<html> <head> <script>console.log("head-inline-start");</script> <script src=“head.js”></script> <script async src="async.js"></script> <script defer
src="defer.js"></script> <script>console.log("head-inline-end");</script> </head> <body> <script>console.log("body-inline-start");</script> <div id="greet">Hello</div> <script src="body.js"></script> <div id="name">ryer.</div> <script>console.log("body-inline-end");</script> </body> </html>

PageSpeed基礎知識

PageSpeed基礎知識

ryer

More Decks by ryer

Other Decks in Programming

Featured

Transcript

<html> <head> <script>console.log("head-inline-start");</script> <script src=“head.js”></script> <script async src="async.js"></script> <script defer

document.addEventListener("DOMContentLoaded", function(){ console.log("DOMContentLoaded") } ); window.addEventListener("load", function(){ console.log("window.load") } );

<html> <head> <script>console.log("head-inline-start");</script> <script src=“head.js”></script> <script async src="async.js"></script> <script defer

<img src="data:image/gif;base64,RO...aPOw==" class="lazyload" data-original="/img/xyz.jpg">