我在以下地方遇到过这个规则YSlow http://developer.yahoo.com/performance/rules.html#no_scale为了提高性能,表示不应在 HTML 中调整图像大小。他们没有提到这条规则的任何具体原因。有任何想法吗
较大的图像不好,因为除了浪费带宽之外,两个同时 HTTP 连接的限制意味着浏览器在下载图像时将无法加载其他组件,因此您的 JavaScript 或其他内容可能需要更长的时间来处理。
此外,客户端重新缩放图像的处理时间将使用 CPU 周期并减慢页面渲染速度。您可能会认为,在快速桌面上还不错,但对页面加载时间的感知甚至可能受到 1/10 秒的影响(参见第 5 点)here http://www.carbon60.com/milliseconds-are-money-how-much-performance-matters-in-the-cloud/- 100 毫秒 = 亚马逊销售额损失 1%)。移动设备将因必须调整大小而受到更严重的影响,因为它们的处理器不那么强大。
YSlow 的全部问题是,用户对速度的感知 90% 与客户端的处理有关,而不是来自服务器的加载时间,这就是为什么他们对此如此挑剔。
较小的图像在调整大小时也会浪费 CPU,而且还会看起来像素化,因此也很糟糕。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)