新闻动态

将想法与焦点和您一起共享
当前位置:首页  >  新闻动态

如果让网站访问速度更快?特别是大图还有视频?懒加载是什么技术

发表日期:2023-08-02 11:26:00       文章编辑:张明洋       浏览次数:

一、懒加载

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

建站流程.jpg


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

a)优势

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

二、节省带宽:只有当图片进入视口(viewport)时,才会加载图片。这可以节省未浏览的部分的带宽。

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

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

b)弊端

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

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

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

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

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

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

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

2、一些优势和弊端

a)优势

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

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

三、不影响任何SEO优化;

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

b)弊端

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

三、综合说明

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

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

网站留言背景

准备好开始了吗,
那就与我们取得联系吧


您希望我们为您提供什么服务呢

· · · · ·

您的预算