Leaflet: Aviso do console do Firefox: O consumo de memória para alterações está muito alto.

Olá, @radumas , acabamos de encontrar esse problema também. Parece ser um problema do navegador que pode ter sido corrigido desde que você postou esse problema. Você pode testar novamente na versão mais recente do Firefox (51) e nos informar se isso ainda acontece?

Olá @seadour. Foi para a mesma página em Firefox 51.0.1 (64-bit) no Ubuntu 16.04 e o mesmo aviso apareceu no console. Entre em contato se houver mais alguma coisa em que eu possa ajudar.

Obrigado por tentar. Você atualizou para o Leaflet 1.0.3? Em caso afirmativo, a página está em algum lugar público onde possamos testá-la ou você pode postar uma amostra como um plunkr / jsfiddle para nós?

Eu ainda não atualizei! Mas farei isso e avisarei você se isso mudar alguma coisa. Além disso, o mapa é: point_up :, embora não seja particularmente simples.

Soa bem. Recebo o mesmo erro na sua página com Firefox 51 para Mac. 🙁 (aliás, bom aplicativo!)

Não estou convencido de que seja realmente um problema de Folheto.

O folheto está sugerindo ao navegador sobre as modificações que fará no DOM (transições de transformação e opacidade), usando a propriedade CSS will-change . Não importa o que o navegador faça com essa dica, _será_ usaremos transições para animar a opacidade e transformar os blocos.

Neste caso, o Firefox nos informa que acredita que suas otimizações para will-change consumiriam muita memória e a ignorariam, o que é bom.

O motivo pelo qual você está tendo esse problema após atualizar para o Leaflet 1.0 é que will-change não foi usado nas versões anteriores do Leaflet.

Eu não criei o perfil do Leaflet com e sem a dica will-change , mas minha interpretação é que o usamos mais ou menos exatamente como descrito aqui: https://developer.mozilla.org/en/docs/Web/ CSS / will-change - a única alternativa real seria retrabalhar como as transições são tratadas juntas - em si mesmo um grande refator - e pelo menos da última vez que fizemos o benchmarking, as transições CSS ainda superaram as transições implementadas em JavaScript.

Estou encerrando isso por enquanto, pois não vejo o que o Folheto pode fazer a respeito, mas fique à vontade para adicionar sugestões e consideraremos reabri-lo.

Este "problema" ainda está ativo com a última versão do firefox / leaflet.

É possível adicionar uma opção de folheto para desativar completamente a dica de mudança?

O MDN recomenda que a propriedade seja usada como último recurso para problemas de desempenho existentes, em vez daqueles que você prevê que possam acontecer. E, ao usá-lo, é recomendável alternar a mudança imediatamente antes de um elemento ou propriedade ser alterado e, em seguida, desativá-lo novamente logo após a conclusão do processo.

@ jormun-pluxml você pode facilmente sobrescrevê-lo com uma regra CSS.

Obrigado, foi o que eu finalmente fiz :)

@ jormun-pluxml você pode facilmente sobrescrevê-lo com uma regra CSS.

Você pode, por favor, descrever como usar a regra CSS will-change a ser usada para combater esse problema, eu enfrento o problema semelhante em que meu console recebe esta mensagem ao usar o folheto para exibir arquivos de forma do servidor local

`` `
O consumo de memória do Will-Change é muito alto. O limite de orçamento é a área da superfície do documento multiplicada por 3 (705024 px). Ocorrências de mudança de vontade em relação ao orçamento serão ignoradas

eu fiz isso :
.leaflet-fade-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-zoom-animated { will-change:auto !important; }

Não criei o perfil do Leaflet com e sem a dica will-change, mas minha interpretação é que o usamos mais ou menos exatamente como descrito aqui: https://developer.mozilla.org/en/docs/Web/CSS/will -mudança

Ele correspondeu a esta página no momento da postagem deste comentário, mas observe que agora

Importante: will-change deve ser usado como último recurso, a fim de tentar lidar com problemas de desempenho existentes. Não deve ser usado para antecipar problemas de desempenho.

caixa adicionada em https://developer.mozilla.org/en-US/docs/Web/CSS/will-change $ compare? locale = en-US & to = 1392790 & from = 1342858 editar