我的网站上有一个凌乱的背景，为了让它更容易阅读我使用这个背景属性：
p : background-color {rgba(250, 250, 250, 0.7)}
考虑到网站加载时间的目标，使用不透明度的背景图像会更好吗？
您可以在此处查看问题：http://tinyurl.com/7ywoqpf
注意我已经在努力减少背景PNG的大小，这个问题只是关于段落背景
我应该保留当前设置还是使用背景图片？
答案 0 :(得分：2)
必须从服务器下载图像然后加载到浏览器，使用rgba之类的CSS属性来创建效果，它仅依赖于浏览器。毫无疑问，rgba比图像更好。
答案 1 :(得分：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选项
答案 2 :(得分：1)
无论压缩程度如何，都必须下载图像。由于ping，总会有一些开销。更重要的是，因为许多浏览器坚持不要每个主机名同时发出两个请求（HTTP规范中定义的行为），所以任何图像都会推迟加载其他资源。
我不知道RGBA的实现，但如果它意味着下载另一个资源的速度更快，我会非常感到惊讶。