如何修复 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 link: https://gtmetrix.com/reports/www.travelenter.com/O0zZGkzL

Answer 1

我使用了数字代码，例如

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