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

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

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

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

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

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

node.js - nodejs のパフォーマンス最適化の問題

{コード...} たとえば、定期的に cron が実行される場合、cron のメモリはいつ解放されますか? cron の特定の属性がより大きな配列である場合。たとえば、cron.data の場合、cron がタスクを終了するたびにメモリを解放するには手動で cron.data = [] を設定する必要がありますか?手動で解除しないと…

阿神 2017-05-31 10:41:22 0  1  634

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

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

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

SOA における PHP ビジネス インターフェイスのパフォーマンスの最適化に問題がありますか?

モジュールにビジネス インターフェイスを記述するパフォーマンスは非常に遅くなります。タイムアウトが発生するまでインターフェイスの 1 つがブロックされることがあります。開発環境では、通常のインターフェイスは通常 150 ミリ秒ですが、モジュール間で呼び出されるインターフェイスは1000msを超えると不安定になり、その後、パブリックインターフェイス（セッション、トークンなど）を関数内の呼び出しとして記述することができなくなります...

女神的闺蜜爱上我 2017-06-13 09:21:53 0  2  882

javascript - node.js I/O最適化

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

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

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

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

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

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

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

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

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

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

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

フレームワークQueryPHPを開発、今年12月にリリース

QueryPHP v1.0.0-beta.5、このバージョンは主に ORM を改善し、多くの詳細を最適化します。 QueryPHP についてQueryPHP は最新の高性能 PHP プログレッシブ コルーチン フレームワークです。当社は依然として従来の PHP-FPM シナリオを主に指向しており、ユーザー エクスペリエンスをエンジニアリングするという歴史的使命を持っており、すべての PHP アプリケーションが優れたフレームワークを備えているようにします。 100% の単体テスト カバレッジでバグに対処し、Zephir に基づいてフレームワークのコアを実装し、Swoole コルーチンに依存してビ...

小牛仔 2019-09-10 11:48:35 0  0  1093

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

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

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

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  488

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

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

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

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  866

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

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

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

node.js - なぜサーバー側でnodejsが普及していないのでしょうか?

ここ数年、Nodejs は高性能で、フロントとバックで同じ言語を使用し、開発リソースを節約できることに注目していますが、なぜ国内のサーバーサイド言語は依然として PHP とジャワ？フロントエンドエンジニアリングに関して言えば、gulpやwebpackなどのnodejsや、さまざまなフロントエンドエンジニアリングツールはnodejsをベースにしていますが…。

習慣沉默 2017-05-16 13:21:00 0  5  2862

useMemo は Redux を提供します

私は Redux を初めて使用するので、Web アプリケーションのパフォーマンスを可能な限り向上させたいと考えています。 redux に状態を変数に保存して、後で表示します。これはコードです: constmetricsState=useSelector((state:MetricsStateObject)=>state.MetricsState); constmyMetrics=metricState.myMetrics; useMemo ではデータに変更がないことがわかりました。

P粉845862826 2023-08-25 21:04:43 0  2  645

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  652