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 ライブラリをリンクすることです

その理由は、多くの Web サイトが Google Hosted Libraries にリンクしているため、ユーザーが他の Web サイトを閲覧しているときにライブラリがキャッシュされる可能性が高くなるためです...

ページの読み込みを増やすために他にできることは、CSS を縮小することです。スクリプトを外部.jsファイルにリンクすると、キャッシュの可能性が高くなり、次回ユーザーは変更されない限り、スクリプトを必要としなくなります。

Web サイトのアイコンについてはsprites、複数の HTTP リクエストを保存する優れた方法です。

画像の場合は、他の Web サイトでホストする必要があります

さらに多くの微調整と調整が行われています...Googleで検索してみてください。多くの情報が得られます

于 2012-12-28T10:16:26.890 に答える
1
  • css と js を縮小する
  • 可能であれば、css と js をより大きなファイルに統合します (これにより、サーバーへの一意の呼び出しが発生します)
  • jQuery の問題の場合: Google ライブラリを使用する

これらは私の頭に浮かんだ最初のことです... 他のユーザーがあなたに言うように、あなたのサイトを遅くする可能性のあるものはたくさんあります. )

于 2012-12-28T10:17:34.810 に答える
0

Yahooのパフォーマンスのヒントを参照してください

  1. CSSとJSを移動してファイルを分離し、CSSとJSを縮小します
  2. CSSImageSpriteテクニックを使用する
  3. ボディタグを閉じる直前に下部のJSを参照してください
于 2012-12-28T10:23:53.757 に答える
0

開発環境にいるため、IDE / 展開メカニズムに依存する可能性があります。実際の読み込み時間ではなく、展開の遅延が発生している可能性があります! ;)

また、データベースへのアクセスによって処理が少し遅くなる可能性がありますが、心配する必要はありません。ユーザーが何が起こっているかを知るために、ページに読み込みオーバーレイを使用するだけです!

于 2012-12-28T10:22:55.767 に答える