У меня есть немного более длинный вопрос для вас, но надеюсь, что ответ будет очень простым:)
Скажем, у меня очень простая страница со ссылкой и iframe (просто для простого примера).
<body>
<a href="test.html" target="mframe">open link></a>
<iframe name="mframe" [params] />
</body>
Итак, когда вы нажимаете на ссылку, она загружает test.html в фрейм.
Теперь я изменим iframe с помощью div и ajax-вызова.
<body>
<a href="doAjaxCall('test.html')">open link</a>
<div id="main-content"></div>
</body>
DoAjaxCall будет просто использовать GET ajax requset, чтобы получить весь ответ, проанализировать его (используя JavaScript) и захватить контент в <body> и поместите его в main-content.innerHTML.
test.html содержит много html, также css-стилей (но то же самое, что и на родительской странице, поэтому я не нуждаюсь в них, когда я использую решение ajax).
Вопрос:
Почему это решение ajax SO быстрее? Я все равно загружаю то же количество данных (загружая весь файл test.html).
Почему решение iframe так медленно? Это из-за того, что браузеру нужно снова разобрать все возможные стили? Или есть другие накладные расходы iframe?