javascript - Javascript オブジェクトのパフォーマンスのデータ

Question

JavaScript に習熟すればするほど、パフォーマンスに対する意識が高まります。たとえば、ユーザーの要求をオートコンプリートしようとするたびにサーバーにヒットするオートコンプリート ボックスがありました。まさに、Google やほとんどのウェブサイトが検索を強化している方法です。ここで私の質問は、友人のリストについて FB API を照会し、これらを JavaScript オブジェクト (フルネームとユーザー ID を含む +- 700) に格納している場合、これはどのようにパフォーマンスに影響しますか? リクエストのためにサーバーに常にアクセスするよりも悪いとは想像できません。この情報をローカルに保存してからクエリを実行すると、はるかにうまくいくようです。JavaScript オブジェクトに情報を格納する際の線引きはどこに行けばよいでしょうか。 私は自分のサーバーをできるだけ少なくしたいと考えており、クライアントに作業の 80% を任せ、残りの 20% をサーバーに任せるという哲学を採用しています。もちろん、クライアントにはスムーズな申請を体験してもらいたいと思っています。js 忍者はアプリケーションのパフォーマンスをどのようにテストしますか?

Answer 1

ネットワーク遅延の削減という点で最も効率的な解決策は、友人リストを取得し、localStorage API などを使用して保存し、時々バックグラウンドでリストを更新することです。このサイズのリストをメモリに保持しても、ページのパフォーマンスに大きな影響を与えることはありません (モバイルではそうではないかもしれませんが)。誰かに何千人もの友達がいる場合、特に localStorage からデータを読み取るときに速度が低下することがありますが、それでも私はそうは思いません。

どこに線を引くかを決めるのは難しいです。それは非常に多くの要因に依存します。TBH これは、製品がリリースされ、ユーザーがパフォーマンスに関するフィードバックを提供して微調整できるようになって初めてわかることです。A/B テストは、この点で大いに役立ちます。