iFrame Meilleures Pratiques

Question

J'ai une grande, d'une chaîne hi-def JavaScript-intensif image de bannière pour un site je suis de la conception.Qu'est-ce que tout le monde est d'avis de l'utilisation des iframes, de sorte que vous engagez temps de chargement qu'une seule fois?Est-il un CSS alternative à l'iframe?

Hésitez pas à aperçu du site.

Il s'agit d'un travail en cours.

Answer 1

Je devrais également mentionner que j'aimerais que la bannière de rotation de continuer à avancer.Lorsque le visiteur clique sur un lien, la rotation de bannières recommence.Ce serait bien si le "animation" a gardé rotation, quelle que soit la page que l'utilisateur visite.Blockquote

Eh bien, dans ce cas, je vous recommande fortement de ne pas le faire.La seule véritable façon de réaliser que c'est d'avoir le site en lui-même contenu dans l'iframe, ce qui signifie que d'un coup vous avez beaucoup de côtés négatifs pour le site:ne pas être en mesure de mettre en signet url facilement en raison de la barre d'adresse ne change pas;les problèmes d'accessibilité;etc

Je pense que vous trouverez que la plupart des gens ne se soucient pas qu'il recharge à nouveau.Une fois qu'un visiteur arrive sur votre site, ils vont vous émerveiller de la magnifique bannière immédiatement, et puis va continuer à ignorer pendant qu'ils naviguent sur votre site jusqu'à ce qu'une image qu'ils n'ont pas vu s'affiche et le distrait loin de votre contenu.

Garder la rotation suffisamment aléatoire, et avec suffisamment d'images, et les gens vont arrêter de regarder de quelle que soit la page qu'ils sont sur.

Answer 2

Je trouve le principal défi avec iFrame en-têtes est en cours de redimensionnement.Étant donné que la police dans votre en-tête est de statique de la taille, je ne vois pas le problème avec l'aide d'un iFrame.Bien que je ne suis pas sûr si c'est vraiment assez intense pour être en vaut la peine.

Answer 3

Ainsi, le navigateur s'affiche en cache toutes les sept images des bannières lors de la première charge, et s'exécute à partir de la mémoire cache (pour chaque page suivante) par la suite.Je ne pense pas que vous avez un problème :D

Essayer avec Firebug Net de l'outil de surveillance dans Firefox.

Answer 4

Cela peut fonctionner sans CSS aussi, mais si vous utilisez CSS à charger l'arrière-plan et que votre serveur est correctement configuré, l'image doit déjà être téléchargé qu'une fois.

Habituellement, le navigateur va demander une ressource en demandant pour lui que si il n'a pas été modifié depuis la dernière fois qu'il a été téléchargé.Dans ce cas, les seules choses à va-et-vient sont les en-têtes HTTP, pas de contenu.

Si vous voulez vous assurer que l'image n'est qu'une fois téléchargé, ajouter un .htacces ou apache2.conf règle pour rendre l'image expirer quelques jours dans le futur afin que les utilisateurs ne demande à nouveau si leur cache est désactivé ou que la date d'expiration du contenu passe.Un .fichier htaccess est sans doute excessive à utiliser dans votre cas, bien que les résultats peuvent varier.

Answer 5

Vous pourriez avoir ce qu'il charge la page principale, puis de les charger de manière asynchrone les autres éléments en cas de besoin (ajax).Si vous n'avez qu'un iFrame ne serait pas nécessaire. Voici un exemple de chargement que le nouveau matériel.

Answer 6

Lors de l'utilisation des IFrames comme une sorte de maître page/modèle pour vos pages pourrait être une bonne chose, les IFrames ont connu un impact négatif pour la facilité de recherche/SEO.

Il pourrait également être nécessaire, en premier lieu parce qu'une fois que vos images sont chargé pour la première fois (et avec le grand haute définition des images que vous avez sur votre site, ce serait lent peu importe ce que vous n') les images sont mises en cache par les navigateurs et ne sera pas rechargé jusqu'à ce que l'utilisateur efface leur cache ou un Ctrl+F5.