React 애플리케이션 성능 최적화: 많은 수의 프로젝트를 렌더링하는 효율적인 방법

저는 React 애플리케이션을 개발 중이며 많은 항목 목록(수천 행)을 표시해야 합니다. 현재 사용자가 목록을 스크롤하거나 항목을 필터링할 때 성능이 매우 느립니다. 사용자 경험을 향상시키기 위해 React 애플리케이션의 성능을 최적화할 수 있는 방법이 있습니까? 몇 가지 추가 정보: - 저는 React 함수 구성 요소와 후크를 사용하여 항목 목록을 렌더링하고 있습니다. - 목록의 각 항목에는 텍스트와 그림을 포함한 여러 데이터 필드가 포함되어 있습니다. -현재 내장된 지도 기능을 사용하여 항목 목록을 렌더링하고 있습니다. - 항목...

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

Kafka에서 파티션 디자인의 장점은 무엇입니까?

동시 쓰기를 늘리시겠습니까? Disk io는 한 번에 하나의 파일만 쓸 수 있습니다. 동시 읽기가 향상될 수 있나요? Disk io는 한 번에 하나의 파일만 읽을 수 있습니다. 그렇죠? 단일 쓰기 속도를 높이시겠습니까? 파티션과는 관련이 없는 것 같죠? 단일 읽기 속도를 높이시겠습니까? 여러 세그먼트로 해결되지 않을까요?

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

javascript - 성능 최적화 문제

이 코드를 최적화하려면 ES6 맵 데이터 구조로 변환해야 한다고 하더군요. 제가 잘못한 것일 수도 있고, 제가 한 최적화도 좀 느린 것 같습니다. 조언.

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

대규모 목록 성능 문제에 반응

이제 React를 사용하여 대량의 데이터를 얻어서 렌더링하고 페이지에 표시합니다. 성능을 최적화하는 방법은 무엇입니까?

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

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

성능 최적화 - 창에서 아파치를 최적화하고, 동시성을 개선하고, 더 많은 액세스를 견딜 수 있는 방법은 무엇입니까? (제작 환경)

역사적인 이유로 인해 우리 시스템은 Windows 서버에 배포되고 Apache는 웹 서비스로 사용됩니다. 그리고 교체할 수 없습니다. 현재 상황: 다른 부서에서 API를 통해 데이터를 우리 시스템에 푸시하면 우리는 데이터를 수신한 다음 데이터베이스에 저장합니다. 발생한 문제는 푸시된 데이터의 양이 많고 요청이 많아 아파치가 발생한다는 것입니다.

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

useEffect 및 ReactStrictMode 사용: 성능 및 안정성을 위해 React 구성요소 최적화

"loadedData"라는 새 배열에 배열의 일부를 로드하고 구성 요소가 매우 무거우므로 로드된 데이터만 표시하고 싶습니다. 하지만 처음 로드할 때 useEffect가 문제를 일으키는 것 같아서 문제가 많이 발생합니다. 첫 번째 로드는 두 번 발생하고 첫 번째 데이터는 각 렌더링에 대해 한 번씩 배열로 푸시됩니다. "reactStrictMode"를 제거하면 예상대로 작동하지만 결과를 이해하지 못한 채 "속임수"를 사용하고 싶지 않습니다. 나보다 문제를 더 잘 이해하는 사람이 넣은...

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

MySQL 쿼리가 너무 느리게 반환됩니다.

문의사항을 작성했습니다. 더 잘 작동합니다. 하지만 현재 모든 테이블에는 100,000개의 행이 있고 쿼리 중 하나가 너무 느리게 반환됩니다. 내 쿼리를 최적화하는 방법을 제안해 주실 수 있나요? select*fromtbl_xray_informationXWHERElocationCode=(SELECTt.idfromtbl_locationtwhereCODE='202')AND(communicate_with_ptisNULL||communicate_with

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

javascript - 프론트엔드 성능 최적화, 타임라인 리소스 사이의 공백 시간을 찾는 방법은 무엇입니까?

방금 프로젝트의 프론트엔드 최적화 작업을 접하게 되었습니다. Google 개발자 도구에서 timeLine을 살펴보니 그림과 같이 두 리소스 사이에 공백이 있는 것을 발견했습니다. 원인은 무엇인지 모르겠습니다. 그것을 찾고 최적화하는 방법은 무엇입니까? .]

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

javascript - angle-cli는 ng build --prod 및 ng build --prod --aot를 사용하여 동일한 크기의 파일을 패키징합니까?

그림에 표시된 대로 ng build --prod를 사용하여 컴파일한 후 전체 프로젝트의 크기는 1713k입니다. ng build --prod --aot를 사용한 후에도 크기는 여전히 1713k입니다. 효과적인? 4. 즉, --aot 매개변수를 사용하기 전에 트리 쉐이킹 최적화를 수행해야 합니까?

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

angle.js - 서버측에서는 뷰 레이어를 사용하지 않고, 모든 API를 사용하여 json을 반환하는데, 이는 렌더링을 위해 프런트엔드 anglejs로 전달됩니다.

우리의 전반적인 요구 사항은 초기 단계에서는 PC 웹, 후기 단계에서는 모바일 웹을 하는 것입니다. PC 웹에서는 jquery + bootstrap을 따로 사용해야 하고, 모바일 단말에서는angularjs를 사용해야 할까요, 아니면 직접angularjs를 사용해야 할까요? 성능(캐싱), 보안, 전체 개발 볼륨, 유지 관리성, 페이지 SEO 최적화 등을 종합적으로 고려합니다.

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

WooCommerce 8+에서 신규 고객을 위한 특정 결제 수단 숨기기

사용자가 주문을 완료했는지 확인하는 스크립트를 만들었습니다. 사용자가 완료된 주문이 없으면 결제 수단 '수표'가 비활성화됩니다. 이 스크립트는 작동하지만 function.php 파일에 추가한 후 페이지를 탐색할 때 심각한 성능 문제가 발생합니다. 최적화 가능성이 보이시나요? 아니면 문제가 있는 부분이 있나요? functionhas_bought(){//모든 고객 주문 가져오기 $customer_orders=get_posts(array('numb

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

WooCommerce 버전 5.6 이상을 사용하는 신규 고객의 경우 특정 결제 수단을 숨길 수 있습니다.

사용자가 주문을 완료했는지 확인하는 스크립트를 만들었습니다. 사용자가 완료된 주문이 없으면 결제 수단 '수표'가 비활성화됩니다. 이 기능은 작동하지만 function.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  1790

MariaDB에서 DESC 명령 쿼리가 느린 이유

Maridb에 대해 실행 중인 쿼리가 있는데 ASC 순서로 쿼리하면 옵티마이저는 더 적은 수의 레코드(r_rows)를 확인하여 약 500ms 안에 쿼리를 완료하지만 순서를 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  492

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

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

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

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

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

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

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

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