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는 웹 서비스로 사용됩니다. 그리고 교체할 수 없습니다. 현재 상황: 다른 부서에서 API를 통해 데이터를 우리 시스템에 푸시하면 우리는 데이터를 수신한 다음 데이터베이스에 저장합니다. 발생한 문제는 푸시된 데이터의 양이 많고 요청이 많아 아파치가 발생한다는 것입니다.

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

SOA에서 PHP 비즈니스 인터페이스의 성능 최적화에 문제가 있습니까?

모듈에서 비즈니스 인터페이스를 작성하는 성능은 때때로 시간 초과가 발생할 때까지 인터페이스 중 하나가 차단됩니다. 개발 환경에서 일반 인터페이스는 일반적으로 150ms이지만 모듈 전체에서 호출되는 인터페이스는 1000ms를 초과하면 불안정해집니다. 나중에 공용 인터페이스(예: 세션, 토큰)를 함수 내에서 호출로 작성할 수 없습니다.

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

node.js I/O 최적화

node.js는 어떻게 i/o 성능을 최적화하나요? 이 선배님이 공유해 주실 만한 경험이 있는지 궁금합니다.

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

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

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

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

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

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

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

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

사용자가 주문을 완료했는지 확인하는 스크립트를 만들었습니다. 사용자가 완료된 주문이 없으면 결제 수단 '수표'가 비활성화됩니다. 이 기능은 작동하지만 function.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 애플리케이션에는 좋은 프레임워크가 있습니다. Zephir를 기반으로 프레임워크의 핵심을 구현하고 Swoole 코루틴을 사용하여 비즈니스 성능을 향상시키는 버그에 대한 100% 단위 테스...

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

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

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

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

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

자동 검색 프롬프트(완성)에 대한 좋은 솔루션이 이미 있는데, 왜 바퀴를 다시 만들까요?

지능형 프롬프트 기능을 구현하려면 JavaScript, ajax, 데이터베이스, jsp/php에 대한 많은 지식이 필요하며, 데이터 양이 많으면 작은 기능에 너무 많은 노력을 들이는 것은 적절하지 않습니다. 꼭 필요한 기능이 아닌가? 사용자 입장에서는 입력 비용을 효과적으로 줄일 수 있고, 입력 상자를 마주할 때 더 많은 프롬프트를 얻을 수 있고 웹마스터 입장에서는 핵심 정보를 우선적으로 처리할 수 있습니다. 웹 사이트.

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

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

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

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

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

node.js - nodejs가 서버 측에서 인기가 없는 이유는 무엇입니까?

지난 몇 년간 모두가 nodejs에 열광했습니다. Nodejs는 성능이 뛰어나고, 프론트엔드와 백엔드에 동일한 언어를 사용하며, 개발 자원을 절약하는데 왜 여전히 국내 서버사이드 언어는 PHP와 자바? 프론트엔드 엔지니어링 측면에서는 gulp, webpack 등의 nodejs와 각종 프론트엔드 엔지니어링 도구들이 nodejs를 기반으로 하고 있지만...

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

useMemo는 Redux를 제공합니다

저는 Redux를 처음 접했고 웹 애플리케이션의 성능을 최대한 향상시키고 싶습니다. 나중에 표시하기 위해 변수에 저장하는 redux의 상태가 있습니다. 이것은 코드입니다: constmetricsState=useSelector((state:MetricsStateObject)=>state.MetricsState); constmyMetrics=metricState.myMetrics;

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

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

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

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