Рекомендации по использованию iFrame

У меня есть большой баннер с изображениями высокой четкости с интенсивным использованием JavaScript для сайта, который я разрабатываю. Что все думают об использовании iframe, чтобы у вас было время загрузки только один раз? Есть ли альтернатива iframe в CSS?

Не стесняйтесь предварительный просмотр сайта.

Это очень большая работа. Взаимодействие с другими людьми

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
8
0
4 648
6
Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

Я считаю, что основная проблема с заголовками iFrame - это изменение размера. Поскольку шрифт в вашем заголовке имеет статический размер, я не вижу проблем с использованием iFrame. Хотя я не уверен, действительно ли это достаточно интенсивно, чтобы того стоить.

Что ж, браузер, похоже, кэширует все семь изображений баннеров при первой загрузке и затем выгружает их из кеша (для каждой последующей страницы). Не думаю, что у тебя проблемы: D

Попробуйте это с помощью инструмента сетевого мониторинга Firebug в Firefox.

Хотя использование IFrames в качестве эталонной страницы / шаблона для ваших страниц может быть полезным, IFrames имеют известное негативное влияние на возможность поиска / SEO.

Это также может быть ненужным в первую очередь, потому что после того, как ваши изображения загружаются в первый раз (а с большими изображениями высокой четкости, которые у вас есть на вашем сайте, это будет медленным не важно что, который вы делаете), изображения кэшируются браузерами и не будут будут перезагружены, пока пользователь не очистит свой кеш или не выполнит Ctrl + F5.

Воскрешая мертвых? Ты пытаешься получить значок, @Valery?

Martin 21.08.2015 02:09

@Martin: Просто украсьте посты.

Valery Viktorovsky 21.08.2015 02:10

Я не знала, что есть значок "украшение поста" :-D. Несколько неприятно читать последние вопросы, а потом обнаруживать, что им на самом деле лет ..... @ValeryViktorovsky

Martin 21.08.2015 02:12

Хм, вот интересно, где возник этот вопрос? На странице stackoverflow.com/questions выводятся только самые свежие вопросы. Можете ссылку прислать?

Valery Viktorovsky 21.08.2015 02:20

Это может работать и без CSS, но если вы используете CSS для загрузки фона и ваш сервер настроен правильно, изображение уже должно быть загружено только один раз.

Обычно браузер запрашивает ресурс, запрашивая его, только если он не был изменен с момента последней загрузки. В этом случае отправляются только заголовки HTTP, а не содержимое.

Если вы хотите, чтобы изображение загружалось только один раз, добавьте правило .htacces или apache2.conf, чтобы срок действия образа истекал через несколько дней, чтобы пользователи запрашивали его снова, только если их кеш будет очищен или истечет срок действия содержимого. дата проходит. Файл .htaccess, вероятно, слишком велик для использования в вашем случае, хотя результаты могут отличаться.

Ответ принят как подходящий

I should also have mentioned that I would like the banner rotation to keep moving. When the visitor clicks on a link, the banner rotation starts over. It would be nice if the "animation" kept rotating, regardless of the page the user visits.Blockquote

Что ж, в таком случае я бы настоятельно не рекомендовал этого делать. Единственный реальный способ добиться этого - поместить фактическое содержимое веб-сайта в iframe, что означает, что у вас внезапно появилось много отрицательных сторон сайта: невозможность легко добавлять URL-адреса в закладки из-за того, что адресная строка не меняется; проблемы доступности; так далее

Я думаю, вы обнаружите, что большинству людей все равно, что он снова перезагружается. Как только посетитель попадает на ваш сайт, он сразу же восхищается прекрасным баннером, а затем будет продолжать игнорировать его, пока просматривает ваш сайт - до тех пор, пока изображение, которое они не видели, не появится и не отвлечет их от вашего контента.

Держите вращение достаточно случайным и с достаточным количеством изображений, и люди перестанут смотреть на него с любой страницы, на которой они находятся.

Вы можете загрузить главную страницу один раз, а затем асинхронно загрузить другие элементы, когда это необходимо (ajax). Если бы вы это сделали, в iFrame не было бы необходимости. Вот пример загрузки только нового материала.

Другие вопросы по теме