欢迎来到酱油妹!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

酱油妹

织梦DEDESEO关键词优化提速之图片延时加载

企业模板

为了提升客户体验,多图片的长页面需要采用延迟加载技术,对这方面的论述,Kissy中有很经典的论述,感兴趣的朋友可以去知道一下,我先容易的介绍一下,然后讨论怎么样改进并用于项目中。
织梦DEDESEO关键词优化提速之图片延时加载
剖析:1.Img 更换 src策略:<img data-ls-src=”真正的路径”,src=”load图片的路径”/>优点:达成容易,不更改页面Dom结构。缺点:图片数目大时,效率不够好;ie6、ie7下替换SRC时有Bug存在。2.textarea 延迟策略:优点:JS效率高,分块加载缺点:需要更改Dom结构,需要限定textarea包围地区的高度宽度,采用不够便捷。3.Kissy的达成方法:1,2两种策略都支持SEO关键词优化提速之图片延时加载如上图所示,加载图片时有一个阀值,所有阀值以上的图片全部加载。优点:达成容易缺点:对一些用户行为支持不够,例如用户直接将滚动条拉到页面底部。4.首页剖析 (lp.taobao.com)1)首页的长度比较长 4000*1000 以上2)分块展示,分为10块,1个首屏,2个滚屏,7个通用楼层3)每一个分块比较短,不超越一屏5.首页延迟策略:1)分块加载图片2)滚屏中,在切换帧时触发加载
达成:1)打开页面,默认只显示首屏。SEO关键词优化提速之图片延时加载2)当滚动条滚动到当今分块时(可以附加一些像素,是图片提前加载),加载当今分块SEO关键词优化提速之图片延时加载3)7个楼层添加额外的优化,由于是同一种达成,提供一个管理器,当用户在某一个楼层上停留时间超越5秒,即可以加载未加载的楼层。
概括:在首页的延迟加载优化过程中,尝试过多种方法。1)最初采用的是Kissy默认的替换src策略,发目前ie下,用户刷新页面时,会定位到上次滚动到得位置,此时客户体验特别差;2)尝试过textarea策略,UI体验也不好;3)改进了kissy的策略,不采用阀值,而是只在用户视图地区内加载图片,没办法分块控制;4)最后分块加载图片,同时也处置了楼层初始化(责任编辑:酱油妹)


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:互联网 关注: 时间:2020-07-18 05:20
版权声明:凡注明来源为www.jiangyoumei.com的均为本站原创,转载请注明来源。
本文网址:http://www.jiangyoumei.com/jiaocheng/seo/20200718/8367.html
►凡本站提供教程均已验证教程的准确性。
►为提高用户在织梦后台添加栏目的灵活性(可随意添加/删除栏目),并保持(管理后台添加/删除栏目)与前端网站栏目的一致,本站模板中栏目均未固定,用户直接搜索typeid=''并替换''中的数字为所需栏目id即可。
►本站提供各种类型织梦模板!希望在这里找到喜欢的。下载本站模板,用户直接替换相关文字和图片即可。
►本站仅提供织梦模板即(DEDE模板),(除另外说明)均不带织梦安装程序及数据,用户直接覆盖默认模板即可。
►本站所有资源(包括源码、模板、插件等)仅供学习与参考,请勿用于商业用途。
►如有其他问题,请加网站客服QQ(375750496)进行交流。
相关织梦教程
在线客服

织梦模板 整站模板 新手教程 使用技巧