<!DOCTYPE html> <html> <head> <link href="style.css" rel="stylesheet"> </head> <body> <img src="html.png"> <img src="watch.png"> <script src="jquery.js" defer></script> <script src="script.js" defer></script> </body> </html>
Characteristics of this page
This is the
Put Scripts at the Bottom pattern with
defer attributes. This has almost the same features as described in the pattern
4.bottom or the pattern of
defer except the timing of
DOMContentLoaded because the script itself doesn’t block parsing.