4

BuyTack.com

過去数週間、私は戻って自分のサイトを再更新してきました。これは友人から譲り受けたもので、解像度を上げて HTML5 コードをクリーンアップし、やや古い外観を維持するためにいくつかの小さな変更を加えています。

最近の問題は、SEO の最適化とユーザー エクスペリエンスの向上を目指して、サイトの圧縮を有効にし、読み込み時間を短縮し、コードの一部を多くの Web サイトが推奨する場所に移動していることです。

body タグの前に Javascript、頭に css、Photoshop で圧縮された写真。

問題は、最近 .htaccess ファイルを変更および編集して圧縮できるようにしたことです(別の更新まで)または実行に時間がかかりすぎるスクリプトの1つ。

追加の詳細を与えるには:

  • csSearchPro はずっと前に perl で作成されました。圧縮や、サイトに追加した他のすべての JS スニペットをいじり始めるまでは、最近はうまく機能しています。

  • HTML5Shiv は IE 7/8 用に追加されました。ブラウザーとユーザーの比率が依然として最も高いためです。

質問 圧縮前よりも圧縮後にサイトがハングアップする原因は何ですか? ページが複数回読み込まれると、検索バー/画像の動作がおかしくなるのはなぜですか?

さらに詳しい情報が必要な場合は、お問い合わせください。

ありがとうございました。

4

1 に答える 1

2

サーバー全体の応答が遅い .htaccess と権限を確認してください。次のように、スクリプトとスタイルシートもグループ化する必要があります。

<!-- CSS -->
<link rel="stylesheet" href="/css/one.css" />
<link rel="stylesheet" href="/css/two.css" />
<!-- JS -->
<script type="text/javascript" src="/js/one.js"></script>
<script type="text/javascript" src="/js/two.js"></script>

これにより、それらを非同期にロードできます。つまり、すべてのスタイルシートが一度にロードされ、次にすべてのスクリプトが一度にロードされます。私が通常行うことは、jQuery をヘッダーに配置してインラインで使用できるようにし、残りのスクリプトを 1 つのファイルにマージすることです (可能であれば、それぞれをドキュメント対応ハンドラーに配置します。変数の問題は発生しません)。フッター。

于 2012-09-20T13:46:17.420 に答える