Práticas recomendadas para iFrame

Question

Eu tenho um banner de imagem grande e de alta definição com uso intensivo de JavaScript para um site que estou projetando.Qual é a opinião de todos sobre o uso de iframes para que você incorra no tempo de carregamento apenas uma vez?Existe uma alternativa CSS para o iframe?

Sinta-se livre para visualizar o site.

É um trabalho em andamento.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Eu também deveria ter mencionado que gostaria que a rotação do banner continuasse em movimento.Quando o visitante clica em um link, a rotação do banner é reiniciada.Seria bom se a "animação" continuasse girando, independente da página que o usuário visita.Blockquote

Bem, nesse caso eu recomendo fortemente não fazer isso.A única maneira real de conseguir isso é ter o conteúdo real do site no iframe, o que significa que de repente você terá muitos lados negativos no site:não ser capaz de marcar URLs facilmente porque a barra de endereço não muda;preocupações de acessibilidade;etc.

Acho que você descobrirá que a maioria das pessoas não se importará se ele recarregar novamente.Assim que um visitante acessar seu site, ele ficará maravilhado com o maravilhoso banner imediatamente e continuará a ignorá-lo enquanto navega em seu site - até que uma imagem que ele não viu apareça e o distraia do seu conteúdo.

Mantenha a rotação aleatória o suficiente e com imagens suficientes, e as pessoas pararão para observá-la em qualquer página em que estiverem.

Answer 2

Acho que o principal desafio dos cabeçalhos iFrame é o redimensionamento.Como a fonte do seu cabeçalho é de tamanho estático, não vejo problema em usar um iFrame.Embora eu não tenha certeza se é realmente intensivo o suficiente para valer a pena.

Answer 3

Bem, o navegador parece armazenar em cache todas as sete imagens de banner no primeiro carregamento e, a partir de então, retirá-las do cache (para cada página subsequente).Acho que você não tem problema :D

Experimente com a ferramenta de monitoramento de rede do Firebug no Firefox.

Answer 4

Isso também pode funcionar sem CSS, mas se você usar CSS para carregar o plano de fundo e seu servidor estiver configurado corretamente, a imagem já deverá ser baixada apenas uma vez.

Normalmente, o navegador solicitará um recurso solicitando-o apenas se ele não tiver sido modificado desde a última vez que foi baixado.Nesse caso, as únicas coisas enviadas e recebidas são os cabeçalhos HTTP, sem conteúdo.

Se você quiser garantir que a imagem seja baixada apenas uma vez, adicione uma regra .htacces ou apache2.conf para fazer a imagem expirar alguns dias depois, para que os usuários só a solicitem novamente se o cache for limpo ou o conteúdo expirar a data passa.Um arquivo .htaccess provavelmente é excessivo demais para ser usado no seu caso, embora os resultados possam variar.

Answer 5

Você poderia fazer com que ele carregasse a página principal uma vez e depois carregasse de forma assíncrona os outros elementos quando necessário (ajax).Se você fizesse isso, um iFrame não seria necessário. Aqui está um exemplo de carregamento apenas do novo material.

Answer 6

Embora usar IFrames como uma espécie de página mestra/modelo para suas páginas possa ser uma coisa boa, os IFrames têm um impacto negativo conhecido na capacidade de pesquisa/SEO.

Também pode ser desnecessário em primeiro lugar, porque depois que suas imagens forem carregadas pela primeira vez (e com as imagens grandes de alta definição que você tem em seu site, isso seria lento não importa o que você faz) as imagens são armazenadas em cache pelos navegadores e não serão recarregadas até que o usuário limpe o cache ou faça uma Ctrl+F5.