如果让网站访问速度更快?特别是大图还有视频?懒加载是什么技术
一、懒加载
1、图片懒加载是一种网页优化技术,主要用于改进网页加载速度和用户体验,当网页包含大量图片时,懒加载技术可以帮助延迟图片加载,从而加速网页的初始加载速度。
2、懒加载技术的一些优势和弊端
a)优势
一、改进加载性能:图片懒加载可以减少首次加载网页时需要加载的资源量,从而提高加载速度和用户体验。
二、节省带宽:只有当图片进入视口(viewport)时,才会加载图片。这可以节省未浏览的部分的带宽。
三、优化用户体验:通过快速加载网页和内容,用户体验可以得到显著改善。
四、优化服务器负载:延迟加载图片可以减少服务器在短时间内的负载。
b)弊端
一、不适用于所有浏览器:并非所有的浏览器都支持懒加载,这可能会导致某些用户无法查看图片。
二、SEO问题:一些搜索引擎可能无法正确索引懒加载的图片,从而影响SEO效果。
三、JavaScript依赖:大部分的图片懒加载实现都依赖于JavaScript。如果用户禁用了JavaScript,那么懒加载就无法正常工作。
四、用户体验问题:如果网络连接慢或者处理图片慢,用户可能会看到图片逐渐加载的过程,这可能会降低用户体验。
五、首屏图片加载延迟:如果懒加载的实现没有正确处理,可能会导致首屏的图片加载延迟,影响用户体验。
二、OSS对象存储 与 CDN缓存技术
1、借助于第三方分流运维方案,相当于部署负载均衡,让你的网站服务器减轻压力,分流出去到一些其它地方。
2、一些优势和弊端
a)优势
一、独立部署,打开视频或者大图片速度快,不影响网站;
二、适应所有浏览器,不局限于浏览器,或者java 脚本限制;
三、不影响任何SEO优化;
四、一些大的图片都会这样去部署,因为懒加载最终还是要当前服务器来运行的。
b)弊端
一、会产生一些流量费用,但是也是非常小的,一年可能几百块钱足够,但是可以让你的网站运行流畅很我,感觉是非常值得
三、综合说明
1、懒加载适合图片较多网站,页面比较长的,通过加载视图来显示可见内容,如果这个加载视图是一个视频,那起不到太大的重要,还是要去加载出来的
2、一般小企业站或者大图视频有几个不多的情况下,建议是可以适合oss+cdn 技术的
上一篇:没有了