我的网站背景很乱，为了更容易阅读，我使用了这个背景属性：
p : background-color {rgba(250, 250, 250, 0.7)}
考虑到网站加载时间的目标，使用不透明的背景图像会更好吗？
你可以在这里看到这个问题：http: //tinyurl.com/7ywoqpf
注意我已经在努力减少背景 PNG 大小，这个问题仅与段落背景有关
我应该保留当前设置还是使用背景图片？
问问题
767 次
3 回答
2
图像必须从服务器下载然后加载到浏览器，而使用 CSS 属性rgba来创建效果，它仅依赖于浏览器。所以毫无疑问，rgba比图像更好。
于 2012-05-05T17:25:08.860 回答
1
好的，这就是页面加载瀑布的样子 - http://www.webpagetest.org/result/120505_MG_47R9V/1/details/
你已经知道你需要减少图像，但你可以做一些其他的事情..
删除重复的 ga.js 使用 jquery.min.js 而不是 jquery.js 为 html、css 和 js 打开 gzip
如果您正在寻找图像压缩器，jpegmini.com 可以很好地处理 jpeg，并且有很多用于 PNG 的选项
于 2012-05-05T17:19:14.730 回答
1
图像，无论压缩得多么好，都必须下载。由于 ping，总会有一些开销。更重要的是，因为许多浏览器坚持从不为每个主机名同时发出两个请求（行为在 HTTP 规范中定义），所以任何图像都会延迟加载其他资源。
我不知道 RGBA 的实现，但如果这意味着下载另一个资源更快，我会感到非常惊讶。
于 2012-05-05T17:42:41.130 回答