Best practice per iFrame

Question

Ho un banner immagine grande e ad alta definizione con uso intensivo di JavaScript per un sito che sto progettando.Qual è l'opinione di tutti sull'utilizzo degli iframe in modo da sostenere il tempo di caricamento solo una volta?Esiste un'alternativa CSS all'iframe?

Sentiti libero di visualizzare in anteprima il sito.

È davvero un lavoro in corso.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Avrei dovuto anche dire che avrei voluto che la rotazione dei banner continuasse.Quando il visitatore clicca su un link, la rotazione del banner ricomincia.Sarebbe bello se l'"animazione" continuasse a ruotare, indipendentemente dalla pagina visitata dall'utente.Blockquote

Bene, in tal caso ti consiglio vivamente di non farlo.L'unico vero modo per raggiungere questo obiettivo è avere il contenuto effettivo del sito Web nell'iframe, il che significa che all'improvviso si hanno molti lati negativi del sito:non essere in grado di aggiungere facilmente gli URL ai segnalibri perché la barra degli indirizzi non cambia;problemi di accessibilità;eccetera

Penso che scoprirai che alla maggior parte delle persone non importerà che si ricarichi di nuovo.Una volta che un visitatore arriva sul tuo sito web, si stupirà immediatamente del meraviglioso banner e poi continuerà a ignorarlo mentre naviga nel tuo sito, finché non appare un'immagine che non ha visto e lo distrae dai tuoi contenuti.

Mantieni la rotazione abbastanza casuale e con abbastanza immagini e le persone si fermeranno a guardarlo da qualunque pagina si trovino.

Answer 2

Trovo che la sfida principale con le intestazioni iFrame sia il ridimensionamento.Poiché il carattere nell'intestazione ha dimensioni statiche, non vedo alcun problema con l'utilizzo di un iFrame.Anche se non sono sicuro che sia davvero abbastanza intenso da valerne la pena.

Answer 3

Bene, sembra che il browser memorizzi nella cache tutte e sette le immagini del banner al primo caricamento e successivamente le esegua dalla cache (per ogni pagina successiva).Non penso che tu abbia problemi :D

Provalo con lo strumento di monitoraggio Net di Firebug in Firefox.

Answer 4

Potrebbe funzionare anche senza CSS, ma se usi CSS per caricare lo sfondo e il tuo server è configurato correttamente, l'immagine dovrebbe già essere scaricata solo una volta.

Solitamente il browser richiederà una risorsa richiedendola solo se non è stata modificata dall'ultima volta che è stata scaricata.In questo caso, le uniche cose inviate avanti e indietro sono le intestazioni HTTP, nessun contenuto.

Se vuoi assicurarti che l'immagine venga scaricata solo una volta, aggiungi una regola .htacces o apache2.conf per far scadere l'immagine qualche giorno nel futuro in modo che gli utenti la richiedano di nuovo solo se la loro cache viene svuotata o la scadenza del contenuto la data passa.Un file .htaccess è probabilmente troppo eccessivo da utilizzare nel tuo caso, anche se i risultati possono variare.

Answer 5

Potresti far caricare la pagina principale una volta, quindi caricare in modo asincrono gli altri elementi quando necessario (ajax).Se lo facessi, un iFrame non sarebbe necessario. Ecco un esempio di caricamento solo del nuovo materiale.

Answer 6

Anche se utilizzare gli IFrames come una sorta di pagina/modello master per le tue pagine potrebbe essere una buona cosa, gli IFrames hanno un noto impatto negativo sulla ricercabilità/SEO.

Potrebbe anche non essere necessario in primo luogo perché una volta caricate le immagini per la prima volta (e con le grandi immagini ad alta definizione che hai sul tuo sito, ciò sarebbe lento non importa cosa lo fai) le immagini vengono memorizzate nella cache dai browser e non verranno ricaricate finché l'utente non svuota la cache o esegue un'operazione Ctrl+F5.