Замедляет ли Атрибут width="100%" загрузку iframe и картинок?

Question

[Алексей]

Есть проблема что iframe грузится самым последним, хотя вроде должна быть асинхронная загрузка, т.е. параллельно.
Может это быть связано с тем что в iframe ширина установлена 100% и он ждет когда загрузится все остальное, что бы определить сколько же пикселей надо поставить под эту 100%ширину?

Так кой же вопрос с картинками со 100% шириной.

Answer 1

[ZaxapKramer]

Асинхронная загрузка не означает параллельное ее окончание: все загружается по мере того, как оно загружается. Также, судя по вопросу, Вы сомневаетесь в самом факте асинхронности. Тогда спрошу: как "выглядит" Ваша задача, что загружается iframe, что это за страница у вас вообще такая? Iframe вписан в html (в виде "тега") или добавляется посредством JavaScript?
А вот width="100%" вряд ли что-то здесь вообще решает. И, осмелюсь сказать, что все нормальные люди уже давно прописывают стили в CSS, а не в атрибутах тега - такая "манера" уже давно устарела:)
На загрузку картинок тех же СТИЛИ вообще никак не влияют - мое мнение. В чем-то ошибаюсь - скажите. Максимум display:none; в старой Опере и, возможно, каких-то других мне неизвестных динозаврах говорит браузеру не загружать такое содержимое.

Comments

[Алексей]

1. выводится iframe от google карт

<iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d3024768.039653411!2d-75.87148003930224!3d42.23848257872612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x89e37a0cf459dbf7%3A0x8f415d969e8ede17!2sFairmont+Copley+Plaza%2C+Boston%2C+138+St+James+Ave%2C+Boston%2C+MA+02116!3m2!1d42.349015099999995!2d-71.0762268!4m5!1s0x89d9f2a9eebf80af%3A0x5b425dd37fb5edfa!2sRed+Roof+Inn+Syracuse%2C+Thompson+Road%2C+Syracuse%2C+NY!3m2!1d43.09153!2d-76.09233499999999!5e0!3m2!1sru!2sru!4v1481889757488" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>

2. выводится через echo
3. То что тормозит (не сразу начитает загружаться) видно хоть глазом (все уже загрузилось, а карта еще грузится), хоть с помощью "водопада" pingdom.com или webpagetest.org и тд
4. можете сами посмотреть взять любой пост, например selftrips.ru/2008/12/27/17691/ot-bostona-k-niagars...

[ZaxapKramer]

Алексей, так и будет. Вряд ли я смогу каким-либо образом заставить загружаться iframe быстрее. Его содержимое - карта. При очистке кэша, перезагрузке страницы карта полностью загружается после (именно после, если не ошибаюсь) загрузки самой страницы через пару секунд. Что именно вы хотите получить в итоге, какую скорость загрузки?

Растягивание фрейма на 100% если на что-то и влияет, то только на подгружаемую во фрейме область карты, но только потому, что Google-карты в iframe (да и вообще все карты) так работают.
Посмотрите сами, увеличивая и уменьшая область результатов, а после нажимая на кнопку "Play":
https://jsfiddle.net/kjLpvna5/

Answer 2

[Mark]

width="100%" он растягивает, на вес изображения никак не влияет.
Если изображение например 5000px, и ты на сайте выводишь как 300px, грузить будет изображение весом в 5000px.

Answer 3

[Vlad Feninets]

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