저는 지난 몇 개월 동안 많은 SVG를 사용하고 많은 요소를 가지고있는 프로토 타입 페이지를 제작 해 왔습니다. JavaScript와 서버 측 (많은 AJAX)에서 처리되는 많은 양의 데이터도 있습니다. 페이지에 수천 개의 이벤트 리스너가 있습니다. 꽤 무거워 요.JavaScript 성능을 향상시키는 데 필요한 제한은 무엇입니까?
JS에서 이와 같은 작업을 수행하는 데있어 가장 큰 장애물 중 하나는 싱글 스레드 (single-threadedness)입니다.이 스레드는 예를 들어 계산을 10 초 수행해야 할 때 페이지를 잠급니다. 이를 해결할 수있는 몇 가지 전략이 있지만, IE에서 웹 작업자를 지원할 때까지는 우아한 해결책이별로 없습니다. 또한이 페이지는 500MB 이상의 메모리를 사용할 수 있습니다. 크롬은이 문제로 인해 어려움을 겪고 있습니다.
궁금한 점은 자바 스크립트에서 이와 같은 것을 구축 할 수있는 가능성입니다. 코드가 최적화 된 것은 아니지만이 페이지에서 처리하는로드가 필요하다고 가정 해 봅시다. 또는 더 많이 필요하다고 가정합시다.
사용자가 응용 프로그램을 사용하려면 적어도 중간 범위 데스크톱이 있어야한다고 가정 해 봅시다.
JavaScript를 많이 쓰는 사람들이 있습니까? 메모리 및 CPU 성능면에서 처리 할 수있는 한계는 무엇입니까? 클라이언트 측과 서버 측 중 어느 정도를 수행해야합니까?
편집 : 모든 사람이 질문을 잘못 해석하는 것은 필연적이었습니다. 에 대한 조언을 요청하는 것이 아닙니다. JS 코드을 최적화하는 방법입니다. 난 처리 및 데이터가 클라이언트에서 처리하는 것이 얼마나 합리적인 지 묻습니다.. 예, 이것은 하드웨어에 달려 있습니다. 최신 브라우저 인 중간 범위 데스크톱 인이라고 말하면서 답을 찾으려고했지만 실제로는 그렇지 않습니다. 나는 개념적으로 알고 싶다. 무거운 처리를 수행하는 JavaScript는 얼마나 강력한가? 자바 스크립트에서 무거운 처리를 수행 할 수 있습니까?
나는 모두가 지금 그것을 얻길 바랍니다. 이는 서버 측과 클라이언트 측의 비율입니다. 반복 횟수가 1000000 인 루프를 실행해야하고 JS의 X 반복과 서버의 Y 반복 사이의 선택에 비용이 들지 않는다면 JavaScript가 처리 할 수있는 양은 어느 정도입니까?
페이지에서 500MB의 메모리를 사용하는 경우 – Ibu
부터 시작해야합니다. 사람들은 거의 항상 비효율적 인 코드를 통해 항상 자바 스크립트를 '한계'에 맞 춥니 다. 자신의 설명을 통해 가장 먼저해야 할 일은 무엇이 진행되고 있는지 최적화하는 것입니다. 단일 변경으로 수천 개의 DOM 호출 잠금 또는 다른 것을 확보 할 수 있지만 심층 분석없이 실제로 어떤 일이 일어나고 있는지 말할 수는 없습니다. –
메모리 주석에 대한 응답으로 변수가 있습니다. 하나의 SVG 모듈은 형상 뷰어입니다. 더 많은 지오메트리 = 더 많은 메모리와 내가 궁금해하는 점은 계산 형 기하학 유형 최적화 작업을 시작해야한다는 것입니다. 500MB가 너무 높으면 가장 합리적인 금액은 얼마입니까? –