1

ネットワーク ソリューション ホスティングと ExpressionEngine を使用しています。jqueryアイソトープを使用して製品を表示するページがあります。このページの読み込みにはかなりの時間がかかります。「Yslow」FF プラグインをダウンロードし、これらのガイドラインに従って最適化を行い、スコア 93 を獲得しました。それでも、ページはまだ非常に遅いです。

  • 「smush.it」ですべての画像を圧縮しました
  • Etags を設定し、ヘッダーを期限切れにする
  • js と css の結合と縮小
  • DOM 要素の数を減らしました
  • playa フィールドタイプの関連付けを削除することで、EE クエリの数を 415 から 69 に減らしました。
  • 上がcss、下がjs
4

1 に答える 1

3

あなたが提供したリンクを見て、上記のコメントでベンチマークの提案を 1 つ行いました。

@kant312 で提案されているように、Chrome 開発者ツールを使用していますか? または、ツールが次世代であるため、Google Canaryを試してみてください。

プライミングされていないブラウザー キャッシュの合計ペイロードは 1.0MB を超え、ネットワーク リクエストの合計は 74 です。これは大量のデータと大量の要求です。

その Chrome ツールを使用すると、ネットワークの観点から見ると、最悪の犯罪者は次のようになります。

http://www.hexaarmor.com/automin/8ce57c337ec87d08b88c9da7c9fbb37b.js?modified=1338396875 これは 154KB の .js ファイルで、何らかの理由で gzip されていません。

2 番目に大きなファイルはhttp://www.hexarmor.com/assets/img/background.jpgです。これは 147 KB の画像です。ここで使用しているノイズの多いテクスチャ背景は、うまく圧縮できません。圧縮アルゴリズムに関しては、すべて「重要な詳細」のように見えます。少しぼかすと、圧縮率が高くなる可能性があります。しかし、これは設計要因です。

3 番目に大きなファイルはhttp://www.hexarmor.com/automin/ede5907dc9f416131684b845fc597112.css?modified=1342712812です。これは 117KB の CSS ファイルです。繰り返しますが、高度に圧縮できますが、サーバーは gzip していません。

これら 3 つのファイルを修正することで、総ペイロードを 200KB (20%) 減らすことができると思います。CSS と JS の gzip 圧縮を修正すると、他のファイルにも適用されるため、ペイロードが自動的にさらに削減されます。

これは、gzip に使用する .htaccess 行です。

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/x-js application/x-javascript text/javascript

一部の人々がエッジケース (主に古いブラウザー) を処理するために使用する追加のルールがたくさんありますが、これで始めることができます。

1 ページに多くの製品を表示しようとすると、画像に対するネットワーク リクエストが大量に発生します。ページの下部にあるものを遅延ロードできますか? また、ソーシャル ボタンを 1 つのスプライトに結合することも検討してください。

于 2012-07-19T18:26:33.487 に答える