3

我是 html 和 css 的新手，当我在本地服务器中测试页面时，加载需要时间，我害怕上网需要多长时间。<head>我在顶部的标签中包含所有文件，有没有更好的方法来改善页面加载。

我的一些页面代码在这里

<?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>
4

4 回答 4

2

最好的方法是使用Google Hosted Libraries链接您的 jQuery 库

原因是许多网站链接到 Google 托管库，这增加了用户在其他网站上浏览时库可能被缓存的可能性......

增加页面负载可以做的其他事情是缩小 CSS。将脚本链接到外部.js文件，从而增加缓存的机会，并且下次用户不需要脚本，除非并且直到它被更改。

对于您网站上的图标，您可以使用sprites，这是一种保存多个 HTTP 请求的好方法

对于图像，您应该在其他网站上托管

还有更多的调整和调整在不断地进行......尝试在谷歌上搜索它们，你会得到很多

于 2012-12-28T10:16:26.890 回答
1
  • 缩小你的css和js
  • 如果可以，将 css 和 js 统一为更大的文件（这会导致对服务器的唯一调用）
  • 对于 jQuery 问题：使用 Google 库

这些只是我想到的第一个......正如其他用户对您说的那样，有很多事情会减慢您的网站速度，您必须调查并尝试准确了解您的下限在哪里（是)

于 2012-12-28T10:17:34.810 回答
0

由于您处于开发环境中，因此它可能取决于您的 IDE / 部署机制。您可能会遇到部署延迟，而不是实际加载时间！;)

此外，数据库访问可能会减慢速度，但不用担心，只需在页面上使用加载覆盖，让用户知道发生了什么！

于 2012-12-28T10:22:55.767 回答
0

参考雅虎性能提示

  1. 将 CSS 和 JS 移动到单独的文件并缩小 CSS 和 JS
  2. 使用 CSS Image Sprite 技术
  3. 在关闭 body 标签之前在底部引用 JS
于 2012-12-28T10:23:53.757 回答