h5中重新加载页面(再看一次,在玩一次)2019-11-13

h5中重新加载页面(再看一次,在玩一次)2019-11-13,第1张

原来项目中点击再玩一次按钮直接调 windowlocationreload()重新加载页面,后来测试发现一部分安卓手机不支持,点击无效

改成 windowlocationhref = locationhref+'time='+((new Date())getTime());就可以了

lazyloadjs 延迟加载效果是为了快速展现页面,比如很多屏的,文件比较大,这个插件目的不是为了节省服务器资源,而是为了浏览体验,如果你拉动到底部,其实也是一样的消耗服务器资源。是有选择性的请求,很多人曲解了这个意思,其实插件并没有给你节约带宽,而是腾出来给视觉区域的。

有很多为主的网站利用这个能大大提高用户体验,但是有一点不好就是对搜索引擎不友好,因为蜘蛛看到的不是真实地址,那么如何解决类似问题呢?其实这个问题可以利用js避免掉。代码如下:

<script>
$(document)ready(function() {
    $("img")removeAttr("src");
});
$(function(){
    $("img")lazyload({effect: "fadeIn"});   
})
</script>


页面写法如下

<img src="1jpg" data-original="1jpg" alt="">
<img src="2jpg" data-original="2jpg" alt="">


这样效果不影响,只是利用了jQuery的便利,$(document)ready()在文档dom加载完毕就删除了src,所以不会有请求,这样就相当于在我们使用前,是利用js删除的src,而不是我们程序不输入。

点击的位置呢 完整的锚记连接是这样的 <a name="top"></a> <a href='#top'>回到顶部</a>
后面那个链接你写了吗?

jQuerylazyload技术中可以指定一个占位的(这个一般很小,是纯色的),用来替代真正用来显示的,这个放到src中,真实的地址放到诸如data-src的属性中。通常这个会很大,那么当浏览器窗口滚动到它的偏移位置时,jQuerylazyload才会更改为正确的原始地址,真正向服务器请求这个原始的。所以有一定的延迟加载作用。而且这种使用方式,会影响seo,且会在用户到位置时,才会加载,用户需要查看时会有等待加载的过程。所以,也不能说是延迟加载,而是当在用户视图范围需要查看时才加载真正的。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13410245.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存