css - 如何修复 Avoid AlphaImageLoader 过滤器？

Question

我尝试提高我网站的速度，并使用 gtmetrix 解决速度问题。

我收到一条消息

Avoid AlphaImageLoader filter

There is a total of 2 filters

https://www.travelenter.com/bundles/bootstrapCss?v=EXugHAHZ_FGhi2mjw1qnjtce7yGY8egZz7H9mEwgBxM1

我尝试解决这个问题，发现如果我们使用 filter: alpha(opacity=0); 来设置 png 图像的不透明度，这会使负载网页停止直到加载此图像然后继续。我删除了我的 css 文件的所有 css 代码，例如 filter: alpha(opacity=0); 并重新测试但没有解决。

如何解决这个问题？

gtmetrix 链接: https://gtmetrix.com/reports/www.travelenter.com/O0zZGkzL

Answer 1

我使用了数字代码，例如

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 在我的 css 文件中 for png image 删除此代码后我问题解决了。