视口过滤会影响下载的网页的文件大小吗?

时间:2013-05-23 08:35:56

标签: responsive-design viewport

我们一直在讨论网页响应如何在消除对网站的移动版本的需求方面非常有效,但我们想知道;是的,在移动设备上查看的其他元素是隐藏的,这是否意味着浏览器只下载了所需的内容,还是整个网页,但隐藏了其他元素?

此致 Gafes

1 个答案:

答案 0 :(得分:0)

响应式开发 - 如果操作正确 - 不应该在不同的视口宽度之间显示或隐藏元素,标记中不应该有任何特定的重复或冗余,所有这些都是从前面的CSS完成的,以提供这些HTML元素基于当前视口宽度的不同外观。

也就是说,标记本身不可避免地需要稍微改变和添加以满足页面的响应方面(附加类名等),因此HTML页面本身的大小会略大。 / p>

CSS文件会更大,因为它们包含更多声明。

就实际带宽使用而言:“表现良好”的响应式浏览器只会下载所需的资产(即:当时直接与该设备相关的媒体查询中的背景iamges /等) - 这是与任何浏览器和隐藏元素非常相似:大多数浏览器都不会下载隐藏元素的背景图像,直到该元素在页面上可见为止。

有一个例外:Apple iPad过去曾有报道从与媒体查询无关的资产中下载资产,但我在一年多的时间里没有看到它的讨论,也无法用我们在办公室里的硬件。我认为这是移动Safari中的一个错误,后来修复了。