React アプリケーションのパフォーマンスの最適化: 多数のプロジェクトをレンダリングする効率的な方法

React アプリケーションを開発していて、項目の大きなリスト (数千行) を表示する必要があります。現在、ユーザーがリストをスクロールしたり項目をフィルターしたりすると、パフォーマンスが非常に遅くなります。 React アプリケーションのパフォーマンスを最適化してユーザー エクスペリエンスを向上させる方法はありますか?いくつかの追加情報: - 項目のリストをレンダリングするために React 関数コンポーネントとフックを使用しています。 - リスト内の各項目には、テキストや画像などの複数のデータ フィールドが含まれます。 -現在、組み込みのマップ関数を使用してアイテムのリストを表示しています...

P粉733166744 2024-01-16 20:43:20 0  1  399

tp6クエリを最適化する方法

tp6 モデルがクエリ用の複数のデータ テーブルに関連付けられている場合、クエリが非常に遅くなります。最適化するにはどうすればよいですか? 最適化方法はありますか?ヘルプ！ ！ ！ ！ ！

以后会怎样 2023-11-17 08:50:36 0  0  652

mysql の最適化 - mysql count(id) クエリ速度を最適化するには?

テーブル構造を図に示します。現在のデータ量は 8000W 行です。最適化の手法やアイデアはありますか？

某草草 2017-05-18 10:51:05 0  7  908

javascript - フロントエンドのパフォーマンスの最適化、timeLine リソース間の空白時間を見つける方法は?

プロジェクトのフロントエンドの最適化に取り組んだところ、Google Developer Tools の timeLine を確認したところ、図に示すように 2 つのリソースの間に空白があることがわかりました。何が原因なのかわかりません。それを見つけて最適化するにはどうすればよいですか? 。]

世界只因有你 2017-06-26 10:51:10 0  2  817

コード待機 (TTFB) 時間を最適化する方法

図に示すように: この待ち時間は長すぎて、ユーザー エクスペリエンスに深刻な影響を与えています。この待ち時間を最適化するにはどうすればよいですか? Yii フレームワークを使用して書かれています

小伙伴 2019-02-22 09:38:11 0  2  1398

JavaScript - Web ページを開く速度を最適化するには?

1. ファイルリクエストの数を減らす、2. スプライト画像を使用する。 3. 遅延読み込みを使用します。 (ファイル リクエストの数を減らすにはどうすればよいですか?) (ファイル リクエストの数を減らすことで最適化できるのはなぜですか? 10 個の 10k ファイルと 1 個の 100k ファイルがあり、10 個の 10k ファイルが複数のスレッドを通じて同時にインポートされる場合、1 10よりは良いはずです...

淡淡烟草味 2017-06-10 09:48:27 0  3  621

200 万行を超える SQL クエリを最適化する方法

200 万行を超える SQL データベースがあり、急速に増加しています。列はそれほど多くなく、コード、価格、日付、ステーション ID だけです。目的は、コードとステーションIDから最新の価格を取得することです。クエリはうまく機能しますが、10 秒以上かかります。クエリを最適化する方法はありますか? $statement=$this->pdo->prepare('WITHcteAS(SELECTstationIDASind,code,CAST(priceASDOUBLE)ASp

P粉127901279 2023-09-01 18:09:31 0  2  553

javascript - 2 つの jQuery 操作が同じ関数をトリガーします。記述を最適化するにはどうすればよいですか?

{コード...} たとえば、ボタンをクリックするか、入力ボックスで Enter キーを押して同じ操作を実行すると、次のタイプのコードに最適化できます: {コード...}

phpcn_u1582 2017-05-19 10:34:29 0  1  400

APP の適応を支援するフロントエンド UNIAPP を見つけてください。長沙の地元に長く協力できる人がいるのが最善です。

APP の適応を支援するフロントエンド UNIAPP を見つけます。長沙のローカルにあることが最適です。長期的な協力に使用できます。現在、プロジェクトまたはパートタイム単位でのみ請求できます。現在のタスクは次のとおりです。フロントエンドと小さなプログラムを適応させて最適化するには、長沙在住の vx:crw689 に連絡するのが最善です。

@A~旺仔 2022-04-11 12:27:02 0  1  1101

どのような状況でキャッシュを使用する必要がありますか?フロントエンドとバックエンドを最適化する方法 (ミニプログラムページ)

製品詳細インターフェイス、製品 ID によるデータのクエリ、フロント エンドは主に画像を表示します。データベースフィールド画像: 保存された画像アドレス。画像はサーバーに保存されます。現在の問題は、写真の読み込みが遅すぎることです。開くのに 1 秒かかる場合もあれば、20 秒、30 秒かかる場合もあります。最適化するにはどうすればよいですか?バックエンドで動的キャッシュを使用する必要があるかどうかを知りたいです。クエリデータをキャッシュしているのでしょうか？しかし、この状況は日々変化しています。これに対する解決策はあるのでしょうか?

小萝卜头 2020-05-16 18:32:29 0  3  1333

javascript - オブジェクト データを DOM ノードに変換するために作成したコードを最適化するにはどうすればよいですか?

アイデアを簡単に紹介します。オブジェクトに ajax を適用し、子から親へオブジェクトを順番に作成し、スタイルを設定し、レベルを追加します。コードは次のようになります: {code...} 以上です。 。 。最適化するにはどうすればよいですか? ES6 に対するフロントエンドのサポートは理想的ではないため、文字列テンプレートは使用できず、フレームワークの追加も困難です。

三叔 2017-06-12 09:28:43 0  3  892

php - オンラインで実行されている Web サイトで、どの SQL ステートメントに最適化が必要かどうかを確認するにはどうすればよいですか?

たとえば、Web サイトをオンラインで実行していて、特定のページの読み込みが遅いことがわかった場合、SQL ステートメントを最適化する必要があるかどうかをどのように確認できるでしょうか。

天蓬老师 2017-06-05 11:07:52 0  5  659

特定のグループの最後の要素を除くすべての要素に CSS を適用する方法

classNameSearchHighlightGroup{x} のスパンがあります。ここで、x は任意の値を取ることができる正の整数です。特定の x について、classNameSearchHighlightGroup{x} のスパンをグループとして考える場合、最後のスパンを除く各スパンにスタイルを適用したいと考えます。すべての x を OK にしたいのです。たとえば、<spanclass="SearchHighlightGroup1">sp があるとします。

P粉596161915 2023-09-07 20:36:54 0  1  503

ウィンドウを最大化すると gvim エラーが発生するのはなぜですか?

vim-airline プラグインをインストールした後、(Windows 10 で) gvim ウィンドウを最大化すると、次のプロンプトが表示されます。

为情所困 2017-05-16 16:36:12 0  1  594

オブジェクトの配列をグループ化する最良の方法

配列内のオブジェクトをグループ化する最も効率的な方法は何ですか?たとえば、次のオブジェクト配列があるとします: [{Phase:"Phase1",Step:"Step1",Task:"Task1",Value:"5"},{Phase:"Phase1",Step:"Step1",Task : "タスク 2"、V

P粉348915572 2023-10-09 22:39:14 0  2  583

mysql の最適化 - mysql の複数テーブルの結合クエリに order by と sum がある場合、インデックスを設計するにはどうすればよいですか?

現在、2 つのテーブル間の結合クエリを必要とし、group by および order by を使用する SQL ステートメントがある場合、インデックスをより適切に設計するにはどうすればよいですか? 例は次のとおりです: {Code...} この例では、両方のテーブルがあります。 a と b. 結合クエリ、b テーブル フィールドの sum() 関数、およびグループ化と...

为情所困 2017-06-15 09:21:07 0  1  1420

最良の方法: Java 8 を使用して MySQL 内の数百万のレコードを取得、暗号化、更新する

MySQL データベースから約 1,000 万件のレコードを読み取り、レコードを暗号化し、暗号化された値を更新してフィールドに戻す必要があるという要件があります。この要件を最も効率的な方法で達成する方法。 1: AES_ENCRYPT を使用した MySQL データベースからのフィールド レベルの暗号化: 私の理解する限り、AES_ENCRYPT は varbinary で効率的に機能しますが、フィールドは varchar 型のみです。したがって、このオプションは除外されます。 2: Java での Exec は、当社のアプリケーションの 1 つで以前に使用されたことがある

P粉211600174 2023-08-27 00:17:18 0  1  614

Google Apps Script の 6 分の時間制限に対処するためにスクリプトを最適化するにはどうすればよいですか?

初心者として、私はすべての GoogleDrive フォルダーを Google スプレッドシートに取り込むスクリプトを作成しました。スクリプトは機能しても、「最大実行時間を超過し、フォルダーの結果リストがまだ完了していません」というエラーが発生します。実行タイムアウトを処理/修正する方法がわかりません。複数のソースを検索しましたが、スクリプトの高速化に役立つものは見つかりませんでした。私の期待は、スクリプトが超高速に実行され、「おそらく」数千のフォルダーのリストが最大 1 分以内に作成されることです。 GAS スクリプト関数生成

P粉579008412 2023-09-07 17:55:10 0  1  627

タブを切り替えるかブラウザを最小化すると、スワイパーの自動再生が停止します

CSSを使用してスライダーの自動再生進行を作成しました。アクティビティ クラスがページネーションに追加されると、スライダーの自動再生遅延と同じ長さの CSS アニメーションが実行されます。ブラウザのタブを切り替えたり、ブラウザを最小化したりしなければ、すべて正常に動作します。タブを切り替えるとすぐに、スライダーの自動再生が一時停止し、アニメーションが停止します。おそらく誰かがそれに影響を与える方法を知っていますか？ importSwiper,{Navigation,Pagination,Autoplay}from'swiper';consth

P粉715274052 2024-02-21 13:37:12 0  1  454

javascript - tinyMCE のようなエディターの場合、バージョン管理のためにそのソース コードをプロジェクトに直接入れるのは明らかに不適切です。自動化ソリューションはありますか?

tinyMCE のようなエディターの場合、バージョン管理のためにソース コードをプロジェクトに直接入れるのは明らかに不適切です。自動化ソリューションはありますか?

伊谢尔伦 2017-06-21 10:11:17 0  2  880