Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PageSpeed基礎知識

376 views

Published on

PageSpeed基礎知識

Published in: Engineering
  • Be the first to comment

PageSpeed基礎知識

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

×