Лучшие практики iFrame
https://stackoverflow.com/questions/17289
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
У меня есть большой графический баннер высокой четкости с интенсивным использованием JavaScript для сайта, который я разрабатываю.Каково всеобщее мнение об использовании фреймов iframes, чтобы вы тратили время загрузки только один раз?Есть ли CSS-альтернатива iframe?
Не стесняйтесь предварительный просмотр сайта.
Это в значительной степени незавершенная работа.
Решение
Я также должен был упомянуть, что мне бы хотелось, чтобы ротация баннера продолжалась.Когда посетитель нажимает на ссылку, ротация баннера начинается сначала.Было бы неплохо, если бы "анимация" продолжала вращаться независимо от страницы, которую посещает пользователь.Blockquote
Что ж, в таком случае я бы настоятельно рекомендовал не делать этого.Единственный реальный способ достичь этого - разместить фактический контент веб-сайта в iframe, что означает, что у вас внезапно появится множество негативных сторон сайта:невозможность легко добавлять URL-адреса в закладки из-за того, что адресная строка не меняется;проблемы доступности;и т.д.
Я думаю, вы обнаружите, что большинству людей будет все равно, что он снова перезагружается.Как только посетитель попадает на ваш сайт, он сразу же восхищается замечательным баннером, а затем продолжает игнорировать его во время просмотра вашего сайта - до тех пор, пока не появится изображение, которого он раньше не видел, и оно не отвлечет его от вашего контента.
Делайте поворот достаточно случайным и с достаточным количеством изображений, и люди будут останавливаться, чтобы посмотреть на него, на какой бы странице они ни находились.
Другие советы
Я нахожу, что основная проблема с заголовками iFrame заключается в изменении размера.Поскольку шрифт в вашем заголовке имеет статический размер, я не вижу проблемы с использованием iFrame.Хотя я не уверен, что это действительно достаточно интенсивно, чтобы оно того стоило.
Что ж, браузер, похоже, кэширует все семь изображений баннера при первой загрузке и после этого удаляет их из кэша (для каждой последующей страницы).Я не думаю, что у вас есть проблемы: D
Попробуйте это с помощью инструмента сетевого мониторинга Firebug в Firefox.
Это может работать и без CSS, но если вы используете CSS для загрузки фона и ваш сервер настроен правильно, изображение должно быть загружено только один раз.
Обычно браузер запрашивает ресурс, запрашивая его только в том случае, если он не был изменен с момента последней загрузки.В этом случае единственное, что отправляется туда и обратно, - это HTTP-заголовки, никакого содержимого.
Если вы хотите гарантировать, что изображение будет загружено только один раз, добавьте правило .htacces или apache2.conf, чтобы срок действия изображения истекал через несколько дней в будущем, чтобы пользователи запрашивали его снова только в том случае, если их кэш будет очищен или истечет срок действия содержимого.Файл .htaccess, вероятно, слишком велик для использования в вашем случае, хотя результаты могут отличаться.
Вы могли бы заставить его загрузить главную страницу один раз, а затем асинхронно загружать другие элементы по мере необходимости (ajax).Если бы вы это сделали, в iFrame не было бы необходимости. Вот пример загрузки только нового материала.
Хотя использование IFrames в качестве своего рода главной страницы / шаблона для ваших страниц может быть полезным, известно, что IFrames оказывают негативное влияние на поисковую доступность / SEO.
Это также может оказаться ненужным, во-первых, потому, что после загрузки ваших изображений в первый раз (а с большими изображениями высокой четкости, которые есть у вас на сайте, это будет происходить медленно несмотря ни на что вы делаете) изображения кэшируются браузерами и не будут перезагружены до тех пор, пока пользователь не очистит свой кэш или не выполнит Ctrl+F5.
