Consulta de mídia suporte retroativo de Desempenho - IE

Question

Eu estou na fase inicial de construção de um site.Eu estou olhando alguns elementos de design que iria tirar proveito de consultas de mídia para funcionar corretamente em tamanhos de tela menores.

Eu não tenho problema com isso, exceto que este será um pequeno site e, portanto, praticamente a única javascript em execução será um suporte retroativo para consultas de mídia para o IE e outros limp ao longo de navegadores.

O quanto isso vai impactar o desempenho?Estão lá os devidos testes que foram executou?

Eu pergunto porque eu estou no palco agora que se a suporte retroativo afeta o desempenho suficiente para que eu possa ajustar o design, então eu não tenho que usá-los, e também como um pensamento para futuros projetos.

Pergunta Bônus:
Se eu não usar o celular primeiro a usar o celular por último, e fazer max-width consultas em vez de min, será que eu ainda preciso de um suporte retroativo.Se nada sobre a página em que está a mudar, até que em menos de 500px de largura eu realmente preciso para se preocupar, ou seja, não exibi-los?Ou eu estou faltando alguns casos extremos?

Answer 1

Vamos começar com a sua pergunta bônus.

Se você se aproximar com max-width consultas de mídia, eu não acho que você realmente precisa de uma solução js IE8 e abaixo.O que disse, isso realmente depende do que é seu site "o ponto de ruptura".

Provavelmente, um usuário que ainda tem IE7 não terá uma tela hd com resolução de 1920x1200.De modo a manter em mente para fazer com que tudo funcione bem para 800x600 telas, sem consultas de mídia envolvidas.

Pessoalmente, eu prefiro um min-width abordagem, para que eu possa progressivamente aumentar os recursos de meu site.Mas realmente depende do seu tipo de projeto/audiência.

---

De acordo com a StatCounter global stats, em Setembro de 2012 ~14% dos usuários ainda usam o IE8, e menos de 2% IE7.

Se você quer servir a melhor experiência de usuário para 15% (~6 em cada 100), então você provavelmente precisará de respond.js.

Eu usei e testei no IE7 e IE8.Eu não notei uma diferença no desempenho, mas eu não posso encontrar qualquer teste de benchmark on-line.

É recomendado por O Modernizr e incluídos no html5boilerplate ágil construir, então eu tenho certeza que você pode...confiar nele ;-)