Webページのメモリ使用量とCPU使用率を削減する方法_HTML/Xhtml_Webページ制作

一部の Web ページはそれほど大きく見えませんが、開くと非常に遅くなります。これは、ユーザーのコンピューターのメモリと CPU に影響を与えます。

ブラウザの問題。各ブラウザはメモリの問題の影響を受けますが、Windows ではそれを制御する方法がほとんどありません。

IEシリーズの場合、リフレッシュ回復量は多くありませんが、最小化することでメモリが解放されます。
Firefox 2 もリサイクルを最小限に抑えると言われていますが、使った分だけ使われ、基本的にリサイクルされないというゴミは見たことがありません。プロトタイプのajaxもメモリが増え続ける原因になると言われています。
オペラは最高です。常に良好なコントロールを保っています。問題ありません。 。
Linux のメモリ割り当てメカニズムは Win とは異なります。ブラウザがすべてのメモリを使用すると、システムが停止する可能性があります。

ページの問題。ブラウザはページをレンダリングするときにメモリと CPU を消費します。可能であれば減らしてください。

構造的に
HTML4 にも DTD があり、DocType を使用してブラウザに何を使用しているかを伝えます。おそらく Transitional の方が適しています。
XHTML を使用していて、適切な構造を維持できる場合は、対応する MIME および XML ヘッダー 1 を忘れずに出力してください。これにより、ブラウザーのコード インスペクションが軽減されます。
構造をそのまま維持してください。コードの完成をブラウザに手伝ってもらうことはできません。
ページのファイル サイズを制御するプログラムを使用して、コードをより快適に表示できます。 2～3Kもあるサイズです。
iframe は新しいページを生成します。実際、iframe を置き換える方法はたくさんあります。
同様に、背景画像も結合できます。 > 既知の幅と高さを与えるため、コンテンツの画像/オブジェクトと幅属性を追加すると、ページの部分的な再レンダリングを減らすことができます
パフォーマンスの観点から
ほとんどの場合、jpg 品質の間で異なるのはファイル サイズのみです。 99と70の。 GIF、特に小さなアイコンについても同様です。256 色と 128 色の違いはファイル サイズです。
フラッシュの動きが速すぎるため、1 秒あたりのフレーム数を制御し、アニメーションの効果を減らすことができますが、品質が中程度または低い場合は、多くのリソースが節約されます。犠牲になるだろう。 。品質属性 Autolow2 または Autohigh を選択する方が適切な場合があります。Low または Best を維持する必要はありません。
Flash はファイル サイズを節約するためにベクター グラフィックスを使用しますが、複雑なグラフィックスやアニメーションの計算には CPU が消費されます。複雑なフィルターが多すぎると大量のメモリが消費されます。ぼかしフィルターが削減されました。3.
IE のフィルターも大量のメモリを消費し、互換性の問題もあります。全画面の半透明はリソースを消費します。
2*2 イメージは 8*8 イメージとほぼ同じサイズですが、2*2 タイル状の背景ははるかに多くのスペースを占めます。
GIF アニメーションにはフレームの概念もあります。GIF を Flash として再生しないでください。
動作面
$() を使用するためだけにプロトタイプ全体または jQuery をインポートするのではなく、それ以上のことを行います。
AJAX はクールです。ただし、xml を使用するには XML パーサーが必要になります。JSON の使用を推奨する人もいますが、実際には、既にオブジェクトになっているスクリプトを直接インポートできます。追加のオブジェクト名を渡すか、オブジェクト名を書き留めるか、flickr のように jsonFlickrApi({"xxx":"xxx"}) を関数として直接使用するだけです (笑)。
visibility:hidden を使用することで解決できる特定の効果を実現する場合は、display:none を使用しないでください。
JS 変数がグローバル変数とローカル変数などに注意を払う必要があることを強調するのはあまり意味がありません。JS の複雑さは 1 ～ 2 文では明確に説明できません。Yueying の新しい本に注目してください。出版されました。 ^^
実際、ここのコンテンツの多くは Web ページをすばやくレンダリングする方法に似ていますが、この記事は主にサーバー側の処理についてのものですが、多くの場合、サーバー リソースの消費を節約することで顧客の利益も節約できます。リソースの消費。

実は、この記事は長い間下書きボックスの中に眠っていて、整理する時間がありませんでした。今あげているのは未完成なので少しずつ追記していきたいと思います。

------------------------------------------ ------ ----------------------------------

問題の発生: ブラウザ モードの問題が発生しますが、問題は解決できます。 「正しい MIME タイプで XHTML を提供する」を参照してください。XML ヘッダーを送信するブラウザでは、構造が正しくない場合、ページ全体が表示されません。

Autolow: 速度を優先しますが、可能な場合は外観も改善します。 再生が始まると、アンチエイリアスはオフになります。 Flash Player は、プロセッサがアンチエイリアスを処理できることを検出すると、アンチエイリアスをオンにします。
Autohigh: 最初は、再生速度と外観の両方が同様に重要です。必要に応じて、再生速度を確保するために外観が犠牲になります。 再生開始時はアンチエイリアスがオンになっています。実際のフレーム レートが指定されたフレーム レートを下回る場合、再生速度を上げるためにアンチエイリアスがオフになります。この設定を使用して、アンチエイリアス コマンドをエミュレートします ([表示] > [プレビュー モード] > [アンチエイリアス])。
ぼかしフィルター: ぼかしフィルターを使用する場合、blurX と BlurY に使用される値が 2 の整数乗 (2、4、8、16、32 など) である場合、計算速度が高速化され、パフォーマンスが向上します。 20% から 30% 増加して改善できます (フラッシュは非常に役立ちます)。