I am currently utilizing jQuery Mobile, and at the moment, my <head> section looks like this:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<title>help</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
Considering that some users might have a poor network connection, I want to ensure that my page loads quickly even if the JavaScript or CSS is not fully loaded.
Do you think it would be effective if I:
Move the
<head>section after the<body>Place the
<script>at the end of the<body>