Leaflet: Firefox 콘솔 경고: Will-change 메모리 소비가 너무 높습니다.

@radumas 안녕하세요. 방금 이 문제가 발생했습니다. 이 문제를 게시한 후 해결되었을 수 있는 브라우저 문제인 것 같습니다. 최신 버전의 Firefox(51)에서 다시 테스트하고 문제가 계속 발생하면 알려주시겠습니까?

안녕하세요 @seadour입니다. Ubuntu 16.04에서 Firefox 51.0.1 (64-bit) 의 동일한 페이지로 이동했으며 콘솔에 동일한 경고가 나타납니다. 제가 도와드릴 일이 있다면 알려주세요!

시도해 주셔서 감사합니다. Leaflet 1.0.3으로 업그레이드하셨습니까? 그렇다면 해당 페이지가 테스트할 수 있는 공개 위치에 있습니까? 아니면 샘플을 plunkr/jsfiddle로 게시할 수 있습니까?

아직 업데이트 안했어요! 하지만 그렇게 하고 변경 사항이 있으면 알려 드리겠습니다. 또한 맵은 :point_up:이지만 특별히 간단하지는 않습니다.

잘 들린다. Mac용 Firefox 51을 사용하는 페이지에서 동일한 오류가 발생합니다. 🙁 (btw, 좋은 앱!)

나는 이것이 실제로 전단지 문제인지 확신하지 못합니다.

Leaflet은 will-change CSS 속성을 사용하여 DOM에 대해 수행할 수정 사항(변환 및 불투명도 전환)에 대해 브라우저에 암시하고 있습니다. 브라우저가 이 힌트로 무엇을 하든, 우리는 타일의 불투명도와 변형을 애니메이션하기 위해 전환을 사용 _할_ 것입니다.

이 경우 Firefox는 will-change 대한 최적화가 너무 많은 메모리를 소비하고 무시한다고 생각한다고 알려줍니다.

Leaflet 1.0으로 업그레이드한 후 이 문제가 나타나는 이유는 이전 버전의 Leaflet에서 will-change 가 전혀 사용되지 않았기 때문입니다.

will-change 힌트가 있거나 없는 Leaflet을 프로파일링하지 않았지만 내 해석은 https://developer.mozilla.org/en/docs/Web/에 설명된 대로 거의 정확하게 사용한다는 것입니다.

Leaflet이 이에 대해 무엇을 할 수 있는지 모르기 때문에 지금은 이것을 닫고 있습니다. 그러나 자유롭게 제안을 추가하면 재개를 고려할 것입니다.

이 "문제"는 마지막 버전의 파이어폭스/리플릿에서 여전히 활성 상태입니다.

will-change 힌트를 완전히 비활성화하는 전단지 옵션을 추가할 수 있습니까?

MDN은 발생할 것으로 예상되는 문제보다는 기존 성능 문제에 대한 최후의 수단으로 이 속성을 사용할 것을 권장합니다. 그리고 사용할 때 요소나 속성이 변경되기 직전에 will-change를 토글하고 프로세스가 완료된 직후 다시 토글하는 것이 좋습니다.

@jormun-pluxml을 사용하면 CSS 규칙으로 쉽게 재정의할 수 있습니다.

고마워, 그게 내가 마침내 한 일이야 :)

@jormun-pluxml을 사용하면 CSS 규칙으로 쉽게 재정의할 수 있습니다.

will-change CSS 규칙을 사용하여 이 문제를 해결하는 방법을 설명해 주시겠습니까? 리플릿을 사용하여 로컬 서버 shapefile을 표시할 때 내 콘솔에서 이 메시지가 표시되는 유사한 문제에 직면해 있습니다.

```
Will-change 메모리 소비가 너무 높습니다. 예산 한도는 문서 표면적에 3(705024픽셀)을 곱한 값입니다. 예산을 초과하는 의지 변경의 발생은 무시됩니다.

나는 이걸했다 :
.leaflet-fade-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-zoom-animated { will-change:auto !important; }

나는 will-change 힌트가 있거나 없는 Leaflet을 프로파일링하지 않았지만 내 해석은 https://developer.mozilla.org/en/docs/Web/CSS/will에 설명된 대로 거의 정확하게 사용한다는 것입니다.

이 댓글을 게시할 당시 이 페이지와 일치했지만 지금은

중요: will-change는 기존 성능 문제를 처리하기 위한 최후의 수단으로 사용하기 위한 것입니다. 성능 문제를 예측하는 데 사용해서는 안 됩니다.

상자가 https://developer.mozilla.org/en-US/docs/Web/CSS/will-change $compare?locale=en-US&to=1392790&from=1342858 편집에 추가되었습니다.