通常应该网站的加载速度，除了服务器及本地网速的原因以为，网站自身的大图和视频也会应该到加载速度的，今天珞珈学子教大家一个懒加载技术来解决网站大图和视频的加载。


一、懒加载

1、图片懒加载是一种网页优化技术，主要用于改进网页加载速度和用户体验，当网页包含大量图片时，懒加载技术可以帮助延迟图片加载，从而加速网页的初始加载速度。

2、懒加载技术的一些优势和弊端

a)优势

一、改进加载性能：图片懒加载可以减少首次加载网页时需要加载的资源量，从而提高加载速度和用户体验。

二、节省带宽：只有当图片进入视口（viewport）时，才会加载图片。这可以节省未浏览的部分的带宽。

三、优化用户体验：通过快速加载网页和内容，用户体验可以得到显著改善。

四、优化服务器负载：延迟加载图片可以减少服务器在短时间内的负载。


b)弊端

一、不适用于所有浏览器：并非所有的浏览器都支持懒加载，这可能会导致某些用户无法查看图片。

二、SEO问题：一些搜索引擎可能无法正确索引懒加载的图片，从而影响SEO效果。

三、JavaScript依赖：大部分的图片懒加载实现都依赖于JavaScript。如果用户禁用了JavaScript，那么懒加载就无法正常工作。

四、用户体验问题：如果网络连接慢或者处理图片慢，用户可能会看到图片逐渐加载的过程，这可能会降低用户体验。

五、首屏图片加载延迟：如果懒加载的实现没有正确处理，可能会导致首屏的图片加载延迟，影响用户体验。


二、OSS对象存储 与 CDN缓存技术

1、借助于第三方分流运维方案，相当于部署负载均衡，让你的网站服务器减轻压力，分流出去到一些其它地方。

2、一些优势和弊端

a)优势

一、独立部署，打开视频或者大图片速度快，不影响网站；

二、适应所有浏览器，不局限于浏览器，或者java 脚本限制；

三、不影响任何SEO优化；

四、一些大的图片都会这样去部署，因为懒加载最终还是要当前服务器来运行的。

b)弊端

一、会产生一些流量费用，但是也是非常小的，一年可能几百块钱足够，但是可以让你的网站运行流畅很我，感觉是非常值得

三、综合说明

1、懒加载适合图片较多网站，页面比较长的，通过加载视图来显示可见内容，如果这个加载视图是一个视频，那起不到太大的重要，还是要去加载出来的

2、一般小企业站或者大图视频有几个不多的情况下，建议是可以适合oss+cdn 技术的

现在珞珈学子推出全网有优惠一站式建站优惠套餐3680，包含手机站，空间域名等所有费用，欢迎广大用户前来咨询我们将以热诚的服务态度和专业的技术帮您建造完美的网站！电话：027-68772750 18986172926