2016 - 2024

感恩一路有你

骨架屏实现原理 前后端分离是否会影响首屏加载时间?

浏览量:2598 时间:2021-03-16 05:52:26 作者:admin

前后端分离是否会影响首屏加载时间?

目前,为了提高开发效率,很多公司都采用了前端和后端分离的开发模式,即体系结构的分离和解耦。前端和后端执行各自的任务,并通过restfulapi调用数据。这种方式有很多优点,比如:前后端分离部署:降低了后端服务器的压力,后端服务器不需要负责前端页面的呈现,只负责数据的处理,所以性能会得到提高;

高重用性:前后端分离本质上也是系统分离,它可以实现同一个后端系统向多个前端系统提供数据,并且具有良好的可扩展性更高;

并行开发,提高效率:前端和后端并行开发,提前约定好数据格式(mock),提高项目开发效率。

但是,前端和后端的分离也带来了一些问题,例如第一次屏幕加载和渲染时间。

至于前端和后端的分离是否会影响第一次屏幕加载,我想说的是有很多,但影响的程度取决于代码的质量。只要优化效果好,第一屏加载时间不会太慢。

,与大家分享:

前端和后端分开部署,CDN加速;

前端尽量少调用多个API,建议调用API网关,实现多个API的请求合并;

后端API域名使用单独的域名,禁止cookie传输;

一些数据本地缓存处理;

不重要的数据延迟请求加载。

��今很多公司为了提高开发效率采用前后端分离的开发模式,这是架构上的分离解耦,前后端各司其职,通过RESTful API来调用数据。这样做的好处也有不少,如:

  • 逻辑分离:业务逻辑放在后端,前端逻辑放在前端,这样一来,数据及逻辑上都很清晰;

  • 前后端分离部署:减轻了后端服务器的压力,后端服务器不需要负责前端页面的渲染,只负责数据处理,性能上会有所提高;

  • 复用性较高:前后端分离本质上也是系统分离,可以做到同一个后端系统提供数据给多个前端系统,扩展性更高;

  • 并行开发,提高效率:前后端并行开发,提前约定好数据格式即可(mock),提升了项目开发效率。

但是,前后端分离也带来了一些问题,比如大家比较关注的首屏加载渲染时间的问题。

对于前后端分离会不会影响首屏加载,我想说的是,多少都是有的,但影响程度要看代码的质量了,只要优化得好,首屏加载时间不会太慢。

我们在进行前后端分离时有一些技巧来缩短首屏加载时间的,分享给大家:

  • 前端与后端分别部署,都走CDN加速;

  • 前端尽可能少的调用多个API,建议调用一个API网关来实现多个API的请求合并;

  • 后端API域名使用单独域名,禁止cookies传输;

  • 部分数据本地缓存处理;

  • 不重要的数据惰性请求加载。


综上,前后端分离在一定程度上是会影响首屏加载时间的,但是也有调优方案,总体上时间不会相差太多。

以上回答希望对大家有所帮助,如果其它网友有不同见解,也欢迎在下方评论交流 ~

骨架屏实现原理 屏幕镜像怎么连接电视 前端骨架屏实现原理

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。