Windows system >> Windowsの知識 >  >> コンピュータソフトウェアのチュートリアル >> サーバー技術 >> サーバーについて >> Webサイトのフロントエンドのパフォーマンスの最適化とテスト - コンテンツの期限切れ

Webサイトのフロントエンドのパフォーマンスの最適化とテスト - コンテンツの期限切れ

  
最近、WebサイトのインターフェースUIが改訂され、数ページに加えて、ステーション全体が基本的にインターフェーススタイルを統一しました。 FireFoxプラグイン、YSlow for Firebugにアクセスしてください。これは、WebサイトのフロントエンドパフォーマンスをテストするためのオープンソースWebサイト最適化ツールです。 YSlowの評価パフォーマンス評価には13のルールがあります。1. HTTPリクエストを少なくする、2. CDNを使う、3. Expiresヘッダを追加する、4. Gzipコンポーネント、5. CSSを一番上に置く、6. Put一番下のJS、7. CSS表現を避ける、8. JSとCSSを外部にする、9. DNSルックアップを減らす、10. JSを縮小する、11.リダイレクトを避ける、12.重複するスクリプトを削除する、13. ETagを設定する。これは「Yahoo!Webサイトの最高のパフォーマンスを実現するための34のゴールドコード」でさらに合理化されています。次に、実装がより簡単である3条について説明します。 httpヘッダーとコンテンツの有効期限を合わせることができます。 1.画像、フラッシュは100日後に期限切れ、2. css、jsは3日後に期限切れになるため、関連するリソースに適切な有効期限を追加します。設定プロセス:IISマネージャで関連するWebサイトを開き、設定する必要があるファイルとフォルダを見つけて、属性をクリックします。「httpヘッダー」でそれを設定できます。 2008-12-26 14:26:00のように有効期限を指定すると、受信したブラウザのhttpヘッダーに有効期限が明確に表示されます。Expires:Fir、26 Dec 2008 14:26:00 GMT、これは標準のGMT時間(グリニッジ標準時)で、100日後に期限切れになると、ヘッダー受信はCache-Control:max-age = 8640000(秒単位)を受け取ります。上記の2つのヘッダは、ブラウザが要求の内容をキャッシュするという指示を受け取り、有効期限に達するまでブラウザの一時キャッシュフォルダにファイルを保存します(キャッシュスペースが不十分なためブラウザが自動的にキャッシュとユーザをクリアするのに関係なく)。このような場合は、キャッシュをクリアしてくださいInternet Explorerは、C:¥Documents and Settings¥Administrator¥Local Settings¥Temporary Internet Filesフォルダにこれらのキャッシュファイルを見つけることができます。最初の訪問では、ブラウザはExpiresとCache-Controlに従ってコンテンツをキャッシュし、2回目のアクセスでは、キャッシュされたコンテンツが期限切れになっていない場合は、関連するコンテンツが直接キャッシュから読み込まれます。また、ユーザーが更新ボタンをクリックすると、ブラウザはキャッシュされているかどうかにかかわらず、サーバーにすべてのコンテンツを要求します。 HttpWatch、yslowテストプロセスを使用します。1、オープン有効期限、最初の訪問(HttpWatch)(YSlow)2、オープン有効期限、2回目のアクセス(HttpWatch)(YSlow)3、オープン有効期限、HttpWatch 2訪問結果の比較4、オープン期限切れなし、初回訪問5、オープン期限切れなし、2回目のアクセス6、オープン期限切れなし、HttpWatch 2回の訪問比較結果テスト結果は少し異なりますが、わかります有効期限を開いて2回目のアクセスを行った場合は、関連ファイルはキャッシュされているため、送受信した通信トラフィックは発生していない[結果]項目にはキャッシュが表示されています。最初のアクセス時の49の要求から9の要求まで、要求時間とトラフィックは大幅に削減されます。 "コンテンツの有効期限"に設定されていないウェブサイトを開く、最初の訪問と2番目の訪問によって生成されたhttpリクエストの数は変更されていませんが、最初のリクエストは、ブラウザがProになりますので、受信もたくさん減っています関連ファイルは一時フォルダに保存され、サーバーはクライアントにLast-Modifiedフィールドを返しますファイルが毎回必要になると、クライアントはこのフィールドをサーバーに送信し、サーバーはそれを実行するために最新のファイルを使用します。変更されていない場合は比較し、304 Not Modifiedを返すと、クライアントはキャッシュから直接取得されるため、生成されるトラフィックは非常に少なくなりますが、要求は減少しません(上記の5)。これらのテストを比較すると、キャッシュが果たす重要な役割がわかります。さらに、asp.netや他のプログラムでは、Response.Expires = 3600のように有効期限を指定することもできますので、ページのtext /htmlコンテンツもキャッシュされます。有効期限内には更新されませんが、手動で更新して最新のコンテンツを取得できます。データベースの内容が変更された後、プログラムが指定された有効期限Cacheを使用しない場合は、Webページへのアクセス方法(新しいブラウザ、戻る)に関係なく、最新の内容が取得されます。
Copyright © Windowsの知識 All Rights Reserved