Ich habe ein großes, hochauflösendes JavaScript-intensives Banner für eine Website, die ich entwerfe. Was ist die Meinung aller Benutzer über die Verwendung von Iframes, so dass die Ladezeit nur einmal auftritt? Gibt es eine CSS-Alternative zum Iframe?iFrame Best Practices
Fühlen Sie sich frei zu preview the site.
Es ist sehr viel Arbeit im Gange.
Ich hätte auch erwähnen sollen, dass ich möchte, dass die Banner-Rotation in Bewegung bleibt. Klickt der Besucher auf einen Link, beginnt die Bannerrotation erneut. Es wäre nett, wenn die "Animation" rotiert, unabhängig von der Seite, die der Benutzer besucht.Blockquote
In diesem Fall würde ich dringend empfehlen, dies nicht zu tun. Der einzige wirkliche Weg, dies zu erreichen, besteht darin, den tatsächlichen Inhalt der Website im iframe zu haben, was bedeutet, dass Sie plötzlich viele negative Seiten auf der Website haben: URLs können nicht einfach mit einem Lesezeichen versehen werden, da sich die Adressleiste nicht ändert; Zugänglichkeitsanliegen; usw.
Ich denke, Sie werden feststellen, dass die meisten Menschen nicht darauf achten, dass es wieder lädt. Sobald ein Besucher auf Ihrer Website landet, wird er sofort das wunderbare Banner bestaunen und wird es dann weiterhin ignorieren, während Sie Ihre Website durchsuchen - bis ein Bild, das Sie nicht gesehen haben, angezeigt wird und Sie von Ihrem Inhalt ablenkt.
Halten Sie die Rotation zufällig genug und mit genügend Bildern, und die Leute werden aufhören, von jeder Seite aus, auf der sie sich befinden.
Ich finde die größte Herausforderung mit iFrame-Headern ist die Größenanpassung. Da die Schriftart in Ihrer Kopfzeile von statischer Größe ist, sehe ich kein Problem mit der Verwendung eines iFrame. Obwohl ich nicht sicher bin, ob es wirklich intensiv genug ist, um es wert zu sein.
Nun scheint der Browser alle sieben Bannerbilder beim ersten Laden zu cachen und führt sie danach aus dem Cache (für jede nachfolgende Seite) aus. Ich glaube nicht, dass Sie ein Problem haben: D
Probieren Sie es mit Firebug Net Monitoring-Tool in Firefox.
Während die Verwendung von IFrames als eine Art Masterseite/Vorlage für Ihre Seiten eine gute Sache sein kann, haben IFrames einen bekannten negativen Einfluss auf die Suchbarkeit/SEO.
Es könnte auch in erster Linie unnötig sein, denn sobald Ihre Bilder das erste Mal geladen werden (und mit den großen High-Def-Bildern, die Sie auf Ihrer Website haben, wäre langsam egal was Sie tun) Bilder werden von Browsern zwischengespeichert und nicht neu geladen, bis der Benutzer den Cache löscht oder eine Ctrl + F5.
Dies funktioniert möglicherweise auch ohne CSS, aber wenn Sie CSS verwenden, um den Hintergrund zu laden und Ihr Server korrekt konfiguriert ist, sollte das Bild nur einmal heruntergeladen werden.
Normalerweise fordert der Browser eine Ressource an, indem er nur danach fragt, wenn sie seit dem letzten Herunterladen nicht geändert wurde. In diesem Fall werden nur die HTTP-Header und kein Inhalt gesendet.
Wenn Sie sicherstellen möchten, dass das Bild nur einmal heruntergeladen wird, fügen Sie eine .htacces- oder apache2.conf-Regel hinzu, damit das Bild einige Tage später abläuft, sodass Benutzer es nur erneut anfordern, wenn der Cache gelöscht ist oder das Ablaufdatum des Inhalts vergeht. Eine .htaccess-Datei ist in Ihrem Fall wahrscheinlich zu umfangreich, auch wenn die Ergebnisse variieren können.
Sie können die Hauptseite einmal laden und dann die anderen Elemente bei Bedarf asynchron laden (Ajax). Wenn Sie das tun würden, wäre ein iFrame nicht notwendig. Here is an example of loading only the new material.
Auferstehung der Toten? Sie versuchen, ein Abzeichen zu bekommen, @Valery? – Martin
@Martin: Verschönern Sie einfach Beiträge. –
Ich wusste nicht, dass es eine "Verschönerungspost" gab :-D. Es ist etwas nervig, die letzten Fragen zu lesen und dann zu finden, dass sie tatsächlich Jahre alt sind ..... @ValeryViktorovsky – Martin