2016-11-01 1 views
0

긴 체류 기간이 짧아서 마케팅이 전체 메뉴 맵 (5000 페이지)을 하나의 메뉴에 포함합니다. 이것에 대해 1 년 간 싸우고 나면, 승리는 없으며 구현해야합니다.중첩 된 메뉴 성능 - 고려 기술

현재이 결정을 내리는 데 도움이되는 기술을 평가 중입니다.

일부 메뉴 항목에는 재귀 적으로 중첩 된 5 개의 항목이 있습니다 (나는 잘 알고 있습니다).

우리 사이트 맵이 고풍 CMS (Ektron)의 XML에 저장되어 있기 때문에 데이터가 JSON에서 구동됩니다.

나는 React를 고려하고 있지만 대답이 없을 수도 있습니다. 우리는이를 달성하고 성능을 향상시키는 데 도움이되는 JavaScript 라이브러리를 찾고 있습니다. 현재 우리 메뉴는 절반 정도의 인터넷 연결로 데스크톱 컴퓨터를로드하는 데 4 초 밖에 걸리지 않습니다.

질문; 이것을 위해 React를 사용하고 있습니까? 그렇지 않은 경우 고려해야 할 다른 옵션이 있습니까?

감사합니다.

답변

1

React Infinite DOM 요소의 긴 목록을 스크롤 컨테이너에 배치됩니다

, 그들 모두 살펴들이 사용자의 뷰 밖에있는 경우에도 DOM에 보관을 가져 가라. 이는 특히 스크롤 목록이 수십만 개 또는 수십만 개의 항목 일 수있는 경우에 매우 비효율적입니다. React Infinite는 사용자가 을 볼 수있는 DOM 노드 만 렌더링하거나 곧 보게 될 수도있는 문제를 해결합니다. 다른 DOM 노드는 클러스터되고 단일 공백 ​​노드로 으로 렌더링됩니다.

+0

감사합니다. 정말 감사드립니다. 나는 이것을 볼 것이다. 완벽 해. 공유 할 예나 사례가 있습니까? 나는 그들의 힘내에서 그림을 본다. 그러나 definitive 한 아무것도. –