As a beginner in HTML and CSS, I am facing slow loading times when testing my pages on a local server. This makes me concerned about the potential loading time on the internet. Currently, I have all the files included in the <head> tag at the top of my code. Is there a more efficient way to improve page loading speed?
Here is a snippet of my page code:
<?php
include "check_timeout.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="js/jquery-1.2.3.pack.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/new_product_page.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/application.js"></script>
<script src="js/bootswatch.js"></script>
<script src="js/all_events.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<?php
$qMaxPr_id = "SELECT MAX(prd_id) from prd_list WHERE 1";
$getMaxPr_id = mysql_query($qMaxPr_id,$con) or die("could not get usr_id : ".mysql_error());
while($infoResult = mysql_fetch_assoc($getMaxPr_id))
{
$prd_id = $infoResult['MAX(prd_id)'];
// echo $usr_id;
}
$prd_id = $prd_id+1;
?>
<title>Add Product</title>
</head>
<body>
<?php
include 'menu.html';
?>
<form id="form_new_product_page" method="post" action="">
...
...
</form>
</body>
</html>