Mejores prácticas de iFrame

Question

Tengo un banner de imagen grande y de alta definición con uso intensivo de JavaScript para un sitio que estoy diseñando.¿Cuál es la opinión de todos sobre el uso de iframes para que el tiempo de carga se incurra solo una vez?¿Existe una alternativa CSS al iframe?

No dude en vista previa del sitio.

Es en gran medida un trabajo en progreso.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

También debería haber mencionado que me gustaría que la rotación del banner siguiera moviéndose.Cuando el visitante hace clic en un enlace, la rotación del banner comienza de nuevo.Sería bueno si la "animación" siguiera rotando, independientemente de la página que visite el usuario.Blockquote

Bueno, en ese caso recomendaría encarecidamente no hacerlo.La única forma real de lograrlo es tener el contenido real del sitio web en el iframe, lo que significa que de repente el sitio tendrá muchos aspectos negativos:no poder marcar URL fácilmente debido a que la barra de direcciones no cambia;preocupaciones de accesibilidad;etc.

Creo que descubrirás que a la mayoría de la gente no le importará que se vuelva a cargar.Una vez que un visitante llega a su sitio web, se maravillará inmediatamente con el maravilloso banner y luego continuará ignorándolo mientras navega por su sitio, hasta que aparezca una imagen que no ha visto y lo distraiga de su contenido.

Mantenga la rotación lo suficientemente aleatoria y con suficientes imágenes, y la gente se detendrá a mirarla desde cualquier página en la que se encuentren.

Answer 2

Creo que el principal desafío con los encabezados iFrame es cambiar el tamaño.Dado que la fuente en su encabezado es de tamaño estático, no veo ningún problema con el uso de un iFrame.Aunque no estoy seguro de si realmente es lo suficientemente intenso como para merecer la pena.

Answer 3

Bueno, el navegador parece almacenar en caché las siete imágenes de banner en la primera carga y luego las ejecuta desde el caché (para cada página posterior).No creo que tengas ningún problema :D

Pruébelo con la herramienta de monitoreo de red de Firebug en Firefox.

Answer 4

Esto también puede funcionar sin CSS, pero si usa CSS para cargar el fondo y su servidor está configurado correctamente, la imagen solo debería descargarse una vez.

Normalmente el navegador solicitará un recurso solicitándolo sólo si no ha sido modificado desde la última vez que se descargó.En este caso, lo único que se envía y recibe son los encabezados HTTP, sin contenido.

Si desea asegurarse de que la imagen solo se descargue una vez, agregue una regla .htacces o apache2.conf para que la imagen caduque dentro de unos días, de modo que los usuarios solo la soliciten nuevamente si se borra su caché o el contenido expira. pasa la fecha.Probablemente un archivo .htaccess sea demasiado excesivo para usarlo en su caso, aunque los resultados pueden variar.

Answer 5

Puede hacer que cargue la página principal una vez y luego cargar de forma asincrónica los otros elementos cuando sea necesario (ajax).Si hiciera eso, no sería necesario un iFrame. Aquí hay un ejemplo de cómo cargar solo el material nuevo..

Answer 6

Si bien usar IFrames como una especie de página maestra/plantilla para sus páginas puede ser algo bueno, los IFrames tienen un impacto negativo conocido en la capacidad de búsqueda/SEO.

En primer lugar, también podría ser innecesario porque una vez que las imágenes se cargan por primera vez (y con las imágenes grandes de alta definición que tienes en tu sitio, sería lento). no importa qué lo hace) los navegadores almacenan en caché las imágenes y no se recargarán hasta que el usuario borre su caché o haga una Control+F5.