Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PageSpeed基礎知識

ryer
April 14, 2017

 PageSpeed基礎知識

ryer

April 14, 2017
Tweet

More Decks by ryer

Other Decks in Programming

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  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") } );

  10. None
  11. None
  12. None
  13. None
  14. None
  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>
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. <img src="data:image/gif;base64,RO...aPOw==" class="lazyload" data-original="/img/xyz.jpg">

  29. None
  30. None
  31. None
  32. None