加载 GIF 与旋转 css 图像

Question

我正在尝试在iframe加载时进行加载img显示，并且我注意到旋转的css img版本大大降低了我的网站性能。那么我应该改用 GIF 吗？

Answer 1

你需要删除你链接到的代码的setTimeOut((部分。 它仅用于演示目的，否则页面加载速度太快而无法看到加载器。删除那部分代码，只需调用 showPage(( 函数。 假设您已经完全复制了其余代码，您只需要将底部的代码更改为：

function myFunction() {
showPage();
}
function showPage() {
  document.getElementById("loader").style.display = "none";
  document.getElementById("myDiv").style.display = "block";
}