Webページのメモリ使用量とCPU使用量を削減する方法
見た目は大したことないのに、開くと固まってしまうWebページや、長くてもスムーズに使えるWebページもあり、ユーザーのパソコンのメモリーやCPUに影響を与えています。
ブラウザの問題は、影響を与えることができるメモリの問題に対処するそれぞれのブラウザがありますが、Windows上で、ほとんど制御することはできません。
IEシリーズでは、リフレッシュで少し回復しますが、最小化することでメモリが解放されます。
Firefox2も最小化でリサイクルすると言われていますが、一番ゴミが多い、どのくらい使っているのか見たことがない、基本的にリサイクルしない。プロトタイプのajaxもメモリが増え続ける原因になると言われています。
Operaは最高です。いつもうまくコントロールされている。何の問題もない。
Linuxのメモリ割り当ての仕組みは、Winとは異なります。使えるだけ使って、ブラウザがなくなったらシステム終了することもある。
ページの問題、ブラウザはメモリとCPUを消費するページをレンダリングするので、可能であれば減らしてください。
構造的に
DocTypeを使用して、ブラウザに何を使用しているかを伝えます。
XHTMLを使用していて、良好な構造を維持できる場合は、ブラウザのコードチェックを減らすために、適切なMIMEおよびXMLヘッダー1 を出力することを忘れないでください。
構造を維持し、ブラウザにコードを記入させないようにしましょう。
iframeは新しいページを生成します、実際、iframeを置き換える方法はたくさんあります
導入したJSやCSSは適切にマージすることができ、背景画像も同様で、Flashをマージする人もいます
幅と高さが既知のコンテンツ画像/オブジェクトにwidth属性を追加することで、ページのローカルな再レンダリングを減らすことができる
パフォーマンス
jpgはほとんどの場合、品質99と70の違いはファイルサイズだけです。gifは特に小さいアイコンでは同じで、256色と128色の違いはファイルサイズだけです。
品質属性はAutolow2かAutohighを選択した方が良い場合があり、低や最高を維持する必要はありません。
IEのフィルタはメモリ消費量も多く、互換性の問題もある。フルスクリーン半透明は非常にリソースを消費します。
2*2の画像は8*8の画像とほぼ同じ大きさですが、タイル状の背景2*2はもっと多くの面積を占めます。
行動的
$()を使うためだけにプロトタイプやjQueryを丸ごと導入するのはやめましょう、もっとやるべきことがあるはずです。
AJAXはかっこいい。でもxmlを使うとXMLパーサーを使うことになるし、JSONを使うことを推奨する人もいるけど、そうするとデータをevalしなければならないので、実はすでにオブジェクトになっているスクリプトをインポートして使えばいいんです。オブジェクト名を渡すか、オブジェクト名をデスに書くか、flickrのようにjsonFlickrApi({"xxx":"xxx"})、関数として直接、dig hahaすればいいんです。
ある効果を実装するときにvisibility:hiddenで解決できるのに、display:noneを弄るのはやめましょう。
最新版の出版が決定しました。^^
そのため、このような弊害が発生することはありません,モンクレール ダウン 激安。
繰り返しになりますが、実はこれ、かなり長い間、下書きの箱の中でしゃがんでいて、まとめる時間がなかったんです。今与えられているものも完全なものではありませんから、じっくりと追加していってください。
--------------------------------------------------------------------------------
問題を発生させる。ブラウザのスキーマ問題を発生させるが、問題は解決可能なドロップ。正しいMIMEタイプでXHTMLを提供するを参照して、ディスパッチXMLヘッダーブラウザは、表示にエラー許容されていない、不正な構造は、ページ全体の表示に失敗する原因となります。
Autolow。スピードを優先しつつ、可能な限り見栄えも良くします。再生が始まると、アンチエイリアシングはオフになります。Flash Player がプロセッサでアンチエイリアシング機能を処理できることを検出すると、オンになります。
オートハイ 再生速度と見栄えの両方を考慮して再生を開始し、必要な場合は見栄えを犠牲にして再生速度を確保します。再生開始時にアンチエイリアスをONにします。実際のフレームレートが指定したフレームレートを下回ると、アンチエイリアシングをオフにして再生速度を上げます。この設定は、"Antialiasing" コマンド("View" > "Preview Mode" > "Antialiasing" )のシミュレーションに使用することができます。
ぼかしフィルター。ぼかしフィルタを使用する場合、blurXとblurYに使用する値が2の整数乗(例:2、4、8、16、32)であれば、計算を高速化して20%~30%のパフォーマンスアップが可能です(フラッシュのヘルプにそう記載されています)。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
htmlでよく使われるエスケープ文字まとめ
-
ローカルフォルダから画像を読み込んで表示するHTMLサンプルコード
-
HTML基本要約推奨(title)
-
主要サイトの問題のページの新しいオープニングかどうかタグは、照合を開くには
-
Htmlの長いテキストは、マーカーの幅を超えて自動的にインターセプトコードを達成するために
-
html2canvasを使用してhtmlコードを画像に変換する方法
-
フロントエンドデベロッパーを億万長者にする10のスキル
-
Webのフロントエンドでよくある攻撃とその防止方法
-
htmlのブロックタグとインラインタグの違いについて
-
HTMLの基本的なディレクトリの問題(相対パスと絶対パスの違い)