5

私のウェブサイトに約50のフォームがあるページを作成します。アコーディオンCSSでスタック。これは、低速のコンピューターを使用しているユーザーを傷つけますか？

4

3 に答える 3

6

ページに50個のフォームが必要な理由はわかりませんが、50個のフォーム（DOMノードの平均数を想定）があると、ページがレンダリングされるときにCPUの消費量はわずかになります。

ただし、集計でフォームに100万のDOMノードがある場合は、ページのレンダリング中にかなりのCPU消費量を確認できます。さらに重要なのは、JavaScriptを使用してページで何をするかによって、消費量が増えることです。

ほとんどの場合、メモリ使用量についてもっと心配する必要があります。また、詳細に関心がある場合は、有効なHTMLに従うこと、 CSSセレクターを効率的に使用することなどを確認してください。
レンダリングを最適化するために、これはグッドプラクティスのリストです。

また、多くのCSSトランジションを使用している場合は、かなりの量のCPUを消費します。

ただし、判断する最良の方法は、自分でテストすることです。ShiftChromeブラウザを使用している場合は、Chromeタスクマネージャ（ + ）に注意しEsc、ページをリロードするとき、またはページでアクティビティを実行するときにCPU消費量を追跡してください。さらに調査したい場合に備えて、プロセスIDも提供します。

于 2013-01-04T18:09:21.817 に答える
3

1ページに50個のフォームがある場合、CPUは増加しません。ただし、HTMLファイルのサイズが大きくなり、ダウンロードサイズが大きくなります。

また、少しのメモリが必要になりますが、平均的なWeb対応PCの今日の平均的な仕様を考慮すると、クライアントに関して心配する必要はありません。

于 2013-01-04T17:30:23.540 に答える
2

遅いコンピューターを持っている人を傷つけることはないと思います。ただし、他に考慮すべきことは、低速のコンピューターを使用している人は通常、古いコンピューターを使用していて、画面解像度が小さい可能性があることです。これは、今日の時代では奇妙に思えますが、javascriptが無効になっている可能性があります（jqueryまたはjavascriptが含まれている可能性のあるアコーディオンについて言及しました） 。

さらに悪いことに、IE6のような古いブラウザ。

どのように「彼らを傷つける」ことができるかはわかりませんが、ファイルのダウンロード時間が長すぎないように、できるだけクリーンでコンパクトなコードを使用するようにしています。コードを最小化および最適化して、より高速に実行できます。余分な接続とダウンロードを減らすために、できるだけ少ないスクリプトまたはインクルードで実行するようにしてください。ロールオーバー効果がある場合、または単にカラーベースのCSSロールオーバーがある場合は、画像を小さくきれいに保ち、CSS画像スプライトを使用します。

CPUパワーはサーバー側で使用され、問題を発生させることなくHTMLを出力できるはずです。

于 2013-01-04T18:02:27.113 に答える