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

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

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

Kafka でのパーティション設計の利点は何ですか?

同時書き込みを増やしますか? Disk io は一度に 1 つのファイルしか書き込めませんよね? 同時読み取りは改善できますか? Disk io は一度に 1 つのファイルしか読み取れませんよね?単一書き込み速度を上げるには?パーティションとは関係ないようですよね？単一の読み取り速度を上げますか?複数セグメントにすれば解決するんじゃないでしょうか？

滿天的星座 2017-06-23 09:13:28 0  1  1151

JavaScript - パフォーマンスの最適化の問題

このコードを最適化するにはどうすればよいですか? 上司は、ES6 マップ データ構造に変換する必要があると言いました。私のやり方が間違っていた可能性があり、遅くなっているようです。これが私が行った最適化です。遅くなっているようです。いくつか教えてください。アドバイス。

高洛峰 2017-07-05 10:54:21 0  6  1017

大きなリストのパフォーマンスの問題に反応する - コードログ

ここでは、React を使用して大量のデータを取得し、レンダリングして、ページに表示します。パフォーマンスを最適化するにはどうすればよいでしょうか?

黄舟 2017-07-05 10:49:27 0  1  1033

javascript - node.js I/O最適化

Node.js はどのように I/O パフォーマンスを最適化しますか? この先輩には共有できる経験があるでしょうか?

phpcn_u1582 2017-05-24 11:38:47 0  1  696

ダウンタイムなしで mongodb データベースをデフラグするにはどうすればよいですか?

mongo で大量の冗長データを削除した後も、メモリとファイルは依然として多くのメモリとハードディスクを占有しており、パフォーマンスはあまり変化していないことがわかりました。

習慣沉默 2017-05-02 09:22:51 0  1  751

パフォーマンスの最適化 - Windows で Apache を最適化し、同時実行性を向上させ、より多くのアクセスに耐えるにはどうすればよいですか? （本番環境）

歴史的な理由により、私たちのシステムは Windows サーバー上にデプロイされ、Web サービスとして Apache が使用されます。そして交換することはできません。 現状: 別の部門が API を介してシステムにデータをプッシュし、私たちはデータを受信して​​データベースに保存します。 発生した問題は、プッシュされたデータの量が多く、リクエストも大きいため、Apache...

仅有的幸福 2017-05-16 17:04:03 0  2  715

useEffect と ReactStrictMode の使用: パフォーマンスと信頼性のために React コンポーネントを最適化する

コンポーネントが非常に重いため、配列の一部を「loadedData」という新しい配列にロードし、ロードされたデータのみを表示したいという課題があります。ただし、最初のロード時に useEffect が台無しになるため、多くの問題が発生します。最初のロードは 2 回行われ、最初のデータはレンダリングごとに 1 回配列にプッシュされます。 「reactStrictMode」を削除すると期待どおりに機能しますが、その結果を理解せずに「不正行為」をしたくありません。私よりも問題をよく理解している人がそれを入力しました

P粉739706089 2023-08-18 16:06:50 0  1  593

MySQLクエリの戻りが遅すぎる

クエリを書きました。そのほうがうまくいきます。しかし現在、すべてのテーブルには 100K 行があり、クエリの 1 つが返されるのが遅すぎます。クエリを最適化する方法を教えていただけますか? select*fromtbl_xray_informationXWHERElocationCode=(SELECTt.idfromtbl_locationtwhereCODE='202')AND(communicate_with_ptisNULL||communicate_with

P粉727531237 2024-03-30 18:25:44 0  1  476

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

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

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

javascript - angular-cli は、同じサイズのファイルをパッケージ化するために ng build --prod と ng build --prod --aot を使用しますか?

図に示すように、ng build --prod を使用してコンパイルした後の完全なプロジェクトのサイズは 1713k です。ng build --prod --aot を使用した後でも、サイズはまだ 1713k です。 --aot には他の構成パラメータが必要です。効果的？ 4. それとも、--aot パラメータを使用する前に、ツリーシェイク最適化を実行する必要があると言うべきでしょうか?

天蓬老师 2017-07-05 10:39:00 0  2  863

angular.js - サーバー側はビューレイヤーを使用せず、すべての API を使用して json を返します。json はレンダリングのためにフロントエンドの angularjs に渡されます。これは電子商取引 Web サイトに適していますか?

私たちの全体的な要件は、初期段階で PC Web を実行し、後期段階でモバイル Web を実行することです。 PC Webにはjquery + bootstrapを別々に使用し、モバイル端末にはangularjsを使用する必要がありますか、それともangularjsを直接使用する必要がありますか？ パフォーマンス (キャッシュ)、セキュリティ、全体的な開発量、保守性、ページ SEO の最適化などを総合的に考慮します。

世界只因有你 2017-05-15 16:53:24 0  3  648

WooCommerce 8+ で新規顧客に対して特定の支払い方法を非表示にする

ユーザーが注文を完了したかどうかを確認するスクリプトを作成しました。ユーザーが注文を完了していない場合、支払い方法「小切手」は無効になります。このスクリプトは機能しますが、functions.php ファイルに追加した後、ページを参照するときに重大なパフォーマンスの問題が発生します。最適化の可能性や問題がどこにあるのか考えられますか? functionhas_bought(){//すべての顧客の注文を取得 $customer_orders=get_posts(array('numb

P粉199248808 2023-08-15 21:47:22 0  1  572

WooCommerce バージョン 5.6 以降を使用する新規顧客は、特定の支払い方法を非表示にすることが可能です

ユーザーが注文を完了したかどうかを確認するスクリプトを作成しました。ユーザーが完了した注文を持っていない場合、支払い方法「小切手」は無効になります。この関数は機能しますが、functions.php ファイルに追加した後、ページを参照するときに重大なパフォーマンスの問題が発生します。最適化の可能性や問題がどこにあるのか考えられますか? functionhas_bought(){//すべての顧客の注文を取得 $customer_orders=get_posts(array('n

P粉283559033 2023-08-15 13:19:37 0  1  620

自動検索プロンプト (補完) についてはすでに優れたソリューションが存在します。なぜ車輪を再発明する必要があるのでしょうか。

インテリジェント プロンプト機能の実装には、JavaScript、ajax、データベース、jsp/php に関する多くの知識が必要です。データ量が多い場合は、特別な最適化が必要です。小さな機能に多大な労力を費やすのは適切ではありませんが、ユーザーにとっては、入力コストを効果的に削減できます。入力ボックスに向かうときに、より多くのプロンプトが表示され、混乱したり無力になったりすることがなくなります。ウェブマスターにとっては、重要な情報を優先することができます。ウェブサイト。

panie 2017-06-29 16:03:09 0  1  1791

MariaDB で DESC コマンド クエリが遅いのはなぜですか

Maridb に対してクエリを実行しています。ASC 順序でクエリを実行すると、オプティマイザはチェックするレコード数 (r_rows) が少なくなり、クエリは約 500 ミリ秒で完了しますが、順序を DESC に切り替えると、同じクエリの実行にさらに時間がかかります。完了すると、r_rows は約 227 万になります。どうしてこれなの？ ASC/DESC 順序がクエリのパフォーマンスに影響を与えるのはなぜですか?これは SQL クエリ SELECTx_nuvo_eam_scheduled_m9e_e8s0.`sys_id`FROM(x_nuv

P粉127901279 2024-02-03 21:29:17 0  1  493

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  785

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  703

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  595

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  554