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

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

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

tp6 쿼리를 최적화하는 방법

tp6 모델이 쿼리를 위해 여러 데이터 테이블과 연결되면 쿼리가 매우 느려집니다. 최적화 방법이 있습니까? 돕다! ! ! ! !

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

mysql 최적화 - mysql count(id) 쿼리 속도를 최적화하는 방법은 무엇입니까?

테이블 구조는 그림에 나와 있습니다. 현재 데이터 볼륨은 8000W 행입니다. 최적화 방법이나 아이디어가 있나요?

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

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

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

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

코드 대기(TTFB) 시간을 최적화하는 방법

그림에 표시된 대로: 이 대기 시간은 너무 길어서 사용자 경험에 심각한 영향을 미쳤습니다. 이 대기 시간을 최적화하는 방법은 무엇입니까? Yii 프레임워크를 사용하여 작성됨

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

javascript - 웹페이지 열기 속도를 최적화하는 방법은 무엇입니까?

1. 파일 요청 수를 줄입니다. 2. 스프라이트 이미지를 사용합니다. 3. 지연 로딩을 사용하세요. (파일 요청 수를 줄이는 방법은 무엇입니까?) (파일 요청 수를 줄여서 최적화할 수 있는 이유는 무엇입니까? 10k 파일이 10개 있고 100k 파일이 하나 있는데 10k 파일 10개를 여러 스레드를 통해 동시에 가져오는 경우 1 10보다 나을텐데...

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

2백만 개가 넘는 행이 있는 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  568

javascript - 두 개의 jQuery 작업이 동일한 기능을 트리거합니다. 쓰기를 최적화하는 방법은 무엇입니까?

{코드...} 예를 들어 버튼을 클릭하거나 입력 상자에서 Enter 키를 눌러 동일한 작업을 수행하는 경우 다음과 같은 유형의 코드로 최적화할 수 있습니까? {코드...}

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

APP 적응을 도와줄 프론트엔드 UNIAPP를 찾으세요. 창사에 오랫동안 협력할 수 있는 현지인을 두는 것이 가장 좋습니다.

APP 적응을 돕기 위해 프론트엔드 UNIAPP을 찾으십시오. 창사에 있는 것이 가장 좋습니다. 현재는 프로젝트 또는 파트타임으로만 청구할 수 있습니다. 프론트 엔드 및 소규모 프로그램을 조정하고 최적화하려면 창사 현지인 vx:crw689에 문의하는 것이 가장 좋습니다.

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

캐시는 어떤 상황에서 사용해야 하나요? 프런트엔드와 백엔드를 최적화하는 방법(미니 프로그램 페이지)

제품 세부 정보 인터페이스, 제품 ID를 통한 쿼리 데이터 및 프런트 엔드는 주로 사진을 표시합니다. 데이터베이스 필드 사진: 저장된 사진 주소, 사진은 서버에 저장됩니다. 이제 문제는 사진이 너무 느리게 로드되고 때로는 여는 데 1초가 걸리고 때로는 20~30초가 걸린다는 것입니다. 최적화하는 방법? 백엔드에서 동적 캐싱을 사용해야 하는지 알고 싶습니다. 쿼리 데이터를 캐싱하고 있나요? 그런데 이 그림이 매일 바뀌고 있습니다. 이에 대한 해결책이 있습니까?

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

javascript - 객체 데이터를 DOM 노드로 변환하기 위해 작성한 코드를 어떻게 최적화해야 합니까?

아이디어를 간략하게 소개하자면, 객체에 ajax를 적용한 다음 하위 항목부터 상위 항목까지 순서대로 객체를 생성하고 스타일을 설정하고 레벨을 추가하는 것입니다. 그러면 코드는 다음과 같습니다. {code...} 그게 전부입니다. . . 최적화하는 방법? ES6에 대한 프론트엔드 지원이 이상적이지 않아서 문자열 템플릿을 사용할 수 없고, 프레임워크 추가도 어렵습니다...

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

php - 온라인으로 실행되는 웹사이트, 어떤 SQL 문에 최적화가 필요한지 확인하는 방법은 무엇입니까?

예를 들어, 웹 사이트가 온라인에서 실행 중이고 특정 페이지가 느리게 로드되는 경우 SQL 문을 최적화해야 하는지 어떻게 확인할 수 있습니까?

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

창을 최대화한 후 gvim 오류가 발생하는 이유는 무엇입니까?

vim-airline 플러그인을 설치한 후 gvim 창(Windows 10에서)을 최대화하면 다음 메시지가 표시됩니다. 무슨 일이 일어나고 있나요?

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

특정 그룹의 마지막 요소를 제외한 모든 요소에 CSS를 적용하는 방법

classNameSearchHighlightGroup{x} 범위가 있습니다. 여기서 x는 모든 값을 가질 수 있는 양의 정수입니다. 주어진 x에 대해 classNameSearchHighlightGroup{x}의 범위를 그룹으로 간주하면 마지막 범위를 제외한 각 범위에 스타일을 적용하고 싶습니다. 나는 모든 x가 괜찮기를 바랍니다. 예를 들어 <spanclass="SearchHighlightGroup1">sp가 있는 경우

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

객체 배열을 그룹화하는 가장 좋은 방법

배열의 개체를 그룹화하는 가장 효율적인 방법은 무엇입니까? 예를 들어 다음과 같은 객체 배열이 있다고 가정합니다. [{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  602

mysql 최적화 - mysql 다중 테이블 공동 쿼리에 순서별 및 합계가 있는 경우 인덱스를 디자인하는 방법은 무엇입니까?

현재 두 테이블 사이에 공동 쿼리가 필요하고 그룹화 기준과 정렬 기준을 사용하는 SQL 문이 있는 경우 인덱스를 더 잘 디자인하는 방법은 다음과 같습니다. {코드...} 이 예에는 두 테이블이 모두 있습니다. a 및 b. 공동 쿼리, b 테이블 필드에 대한 sum() 함수, 그룹화 및...

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

최선의 방법: Java 8을 사용하여 MySQL에서 수백만 개의 레코드를 검색, 암호화 및 업데이트합니다.

우리는 MySQL 데이터베이스에서 약 1천만 개의 레코드를 읽고, 레코드를 암호화하고, 암호화된 값을 다시 필드로 업데이트해야 하는 요구 사항이 있습니다. 가장 효율적인 방법으로 이 요구 사항을 달성하는 방법. 1: AES_ENCRYPT를 사용하여 MySQL 데이터베이스에서 필드 수준 암호화: 내가 이해하는 한 AES_ENCRYPT는 varbinary에서 효율적으로 작동하지만 필드는 varchar 유형뿐입니다. 따라서 이 옵션은 제외됩니다. 2: Java의 Exec은 이전에 우리 애플리케이션 중 하나에서 사용되었습니다.

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

Google Apps Script의 6분 시간 제한에 대처하기 위해 스크립트를 어떻게 최적화할 수 있나요?

초보자로서 저는 모든 GoogleDrive 폴더를 Google 스프레드시트에 채우는 스크립트를 작성했습니다. 스크립트가 작동하더라도 다음 오류가 발생합니다. 최대 실행 시간이 초과되었으며 내 폴더 결과 목록이 아직 완료되지 않았습니다. 실행 시간 초과를 처리/수정하는 방법을 알 수 없습니다. 여러 소스를 검색했지만 스크립트 속도를 높이는 데 도움이 되는 항목을 찾지 못했습니다. 내 기대는 스크립트가 매우 빠르게 실행되고 "아마도" 수천 개의 폴더 목록이 최대 1분 안에 채워질 것이라는 것입니다. GAS 스크립트 기...

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

탭을 전환하거나 브라우저를 최소화하면 스와이프 자동 재생이 중지됩니다.

CSS를 사용하여 슬라이더의 자동 재생 진행을 만들었습니다. 액티비티 클래스가 페이지 매김에 추가되면 슬라이더 자동 재생 지연 동안 지속되는 CSS 애니메이션을 실행합니다. 브라우저 탭을 전환하거나 브라우저를 최소화하지 않으면 모든 것이 잘 작동합니다. 탭을 전환하자마자 슬라이더 자동 재생이 일시 중지되고 애니메이션이 중지됩니다. 누군가가 그것에 영향을 미치는 방법을 알고 있을까요? importSwiper,{Navigation,Pagination,Autoplay}from'swiper';consth

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

javascript -tinyMCE와 같은 편집기의 경우 버전 관리를 위해 소스 코드를 프로젝트에 직접 넣는 것은 확실히 부적절합니다.

tinyMCE와 같은 편집자의 경우 버전 관리를 위해 소스 코드를 프로젝트에 직접 넣는 것은 확실히 부적절합니다.

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