Best Practices für iFrame

Question

Ich habe ein großes, hochauflösendes, JavaScript-intensives Bildbanner für eine Website, die ich entwerfe.Was halten alle davon, Iframes zu verwenden, damit die Ladezeit nur einmal anfällt?Gibt es eine CSS-Alternative zum Iframe?

Fühlen sich frei Vorschau der Website anzeigen.

Es ist noch in Arbeit.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Ich hätte auch erwähnen sollen, dass ich mir eine fortlaufende Bannerrotation wünsche.Wenn der Besucher auf einen Link klickt, beginnt die Bannerrotation von vorne.Es wäre schön, wenn die „Animation“ weiter rotieren würde, unabhängig von der Seite, die der Benutzer besucht.Blockquote

Nun, in diesem Fall würde ich dringend empfehlen, das nicht zu tun.Der einzige wirkliche Weg, dies zu erreichen, besteht darin, den eigentlichen Website-Inhalt im Iframe zu haben, was bedeutet, dass die Website plötzlich viele negative Seiten hat:Es ist nicht einfach, URLs mit Lesezeichen zu versehen, da sich die Adressleiste nicht ändert.Bedenken hinsichtlich der Zugänglichkeit;usw

Ich denke, Sie werden feststellen, dass es den meisten Leuten egal ist, dass es erneut geladen wird.Sobald ein Besucher auf Ihrer Website landet, wird er sofort über das wunderbare Banner staunen und es dann beim Durchsuchen Ihrer Website weiterhin ignorieren – bis ein Bild erscheint, das er noch nicht gesehen hat und ihn von Ihrem Inhalt ablenkt.

Halten Sie die Rotation ausreichend zufällig und mit genügend Bildern, damit die Leute von der Seite, auf der sie sich gerade befinden, innehalten und es sich ansehen.

Answer 2

Ich finde, dass die größte Herausforderung bei iFrame-Headern die Größenänderung ist.Da die Schriftart in Ihrem Header eine statische Größe hat, sehe ich kein Problem bei der Verwendung eines iFrames.Allerdings bin ich mir nicht sicher, ob es wirklich intensiv genug ist, um es zu lohnen.

Answer 3

Nun, der Browser scheint beim ersten Laden alle sieben Bannerbilder zwischenzuspeichern und führt sie anschließend aus dem Cache aus (für jede nachfolgende Seite).Ich glaube nicht, dass du ein Problem hast :D

Probieren Sie es mit dem Net-Monitoring-Tool von Firebug in Firefox aus.

Answer 4

Dies funktioniert möglicherweise auch ohne CSS, aber wenn Sie CSS zum Laden des Hintergrunds verwenden und Ihr Server richtig konfiguriert ist, sollte das Bild bereits nur einmal heruntergeladen werden.

Normalerweise fordert der Browser eine Ressource nur dann an, wenn sie seit dem letzten Download nicht geändert wurde.In diesem Fall werden nur die HTTP-Header und kein Inhalt hin- und hergesendet.

Wenn Sie sicherstellen möchten, dass das Bild nur einmal heruntergeladen wird, fügen Sie eine .htacces- oder eine apache2.conf-Regel hinzu, damit das Bild einige Tage in der Zukunft abläuft, sodass Benutzer es nur dann erneut anfordern, wenn ihr Cache geleert wird oder der Inhalt abläuft Datum vergeht.Eine .htaccess-Datei ist in Ihrem Fall wahrscheinlich zu umfangreich für die Verwendung, die Ergebnisse können jedoch variieren.

Answer 5

Sie können die Hauptseite einmal laden und dann bei Bedarf die anderen Elemente asynchron laden (Ajax).Wenn Sie das tun würden, wäre kein iFrame erforderlich. Hier ist ein Beispiel für das Laden nur des neuen Materials.

Answer 6

Während die Verwendung von IFrames als eine Art Masterseite/Vorlage für Ihre Seiten eine gute Sache sein könnte, haben IFrames bekanntermaßen negative Auswirkungen auf die Durchsuchbarkeit/SEO.

Es könnte auch von vornherein unnötig sein, denn wenn Ihre Bilder erst einmal geladen sind (und bei den großen HD-Bildern, die Sie auf Ihrer Website haben, wäre das langsam). egal was Sie tun dies), die Bilder werden von Browsern zwischengespeichert und erst wieder geladen, wenn der Benutzer seinen Cache löscht oder eine Aktion ausführt Strg+F5.