PageSpeed基礎知識

Transcript

8. <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>
9. document.addEventListener("DOMContentLoaded", function(){ console.log("DOMContentLoaded") } ); window.addEventListener("load", function(){ console.log("window.load") } );
15. <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>
28. <img src="data:image/gif;base64,RO...aPOw==" class="lazyload" data-original="/img/xyz.jpg">