为什么我的加载 gif 使我的页面加载速度变慢?

鲁德雷什·拉杰万什

我在页面加载之前使用了一些代码来显示 gif,但它正在提高我页面的加载速度......

这是我使用该代码的地方 - http://sarkarinaukrihome.com/

JS

$(window).load(function() {
  // Animate loader off screen
  $(".se-pre-con").fadeOut("fast");;
});

HTML

<div class="se-pre-con"></div>

CSS

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(Preloader_2.gif) center no-repeat #fff;
}
哈维

您必须将大小调整为 HTML 容器的确切所需尺寸并压缩所有图像。

如果您仔细查看您的网络流,您会浪费很多时间来加载所有图像。

网络查看器

如果您分析网站的性能,谷歌浏览器会为您提供建议,并且如果您执行建议的操作,您就会准确地提到这一点以及可能的收益。

审核查看器

要使用Google ChromeLightHouse 查看器,请阅读

对于图像压缩理论概念,你可以阅读这个

压缩不同的图像,你可以像使用服务

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章