es6 前后端分离是否会影响首屏加载时间?
前后端分离是否会影响首屏加载时间?
目前,为了提高开发效率,很多公司都采用了前端和后端分离的开发模式,即体系结构的分离和解耦。前端和后端执行各自的任务,并通过restfulapi调用数据。这种方式有很多优点,比如:前后端分离部署:降低了后端服务器的压力,后端服务器不需要负责前端页面的呈现,只负责数据的处理,所以性能会得到提高;
高重用性:前后端分离本质上也是系统分离,它可以实现同一个后端系统向多个前端系统提供数据,并且具有良好的可扩展性更高;
并行开发,提高效率:前端和后端并行开发,提前约定好数据格式(mock),提高项目开发效率。
但是,前端和后端的分离也带来了一些问题,例如第一次屏幕加载和渲染时间。
至于前端和后端的分离是否会影响第一次屏幕加载,我想说的是有很多,但影响的程度取决于代码的质量。只要优化效果好,第一屏加载时间不会太慢。
,与大家分享:
前端和后端分开部署,CDN加速;
前端尽量少调用多个API,建议调用API网关,实现多个API的请求合并;
后端API域名使用单独的域名,禁止cookie传输;
一些数据本地缓存处理;
不重要的数据延迟请求加载。
��今很多公司为了提高开发效率采用前后端分离的开发模式,这是架构上的分离解耦,前后端各司其职,通过RESTful API来调用数据。这样做的好处也有不少,如:逻辑分离:业务逻辑放在后端,前端逻辑放在前端,这样一来,数据及逻辑上都很清晰;
前后端分离部署:减轻了后端服务器的压力,后端服务器不需要负责前端页面的渲染,只负责数据处理,性能上会有所提高;
复用性较高:前后端分离本质上也是系统分离,可以做到同一个后端系统提供数据给多个前端系统,扩展性更高;
并行开发,提高效率:前后端并行开发,提前约定好数据格式即可(mock),提升了项目开发效率。
逻辑分离:业务逻辑放在后端,前端逻辑放在前端,这样一来,数据及逻辑上都很清晰;
前后端分离部署:减轻了后端服务器的压力,后端服务器不需要负责前端页面的渲染,只负责数据处理,性能上会有所提高;
复用性较高:前后端分离本质上也是系统分离,可以做到同一个后端系统提供数据给多个前端系统,扩展性更高;
并行开发,提高效率:前后端并行开发,提前约定好数据格式即可(mock),提升了项目开发效率。
但是,前后端分离也带来了一些问题,比如大家比较关注的首屏加载渲染时间的问题。
对于前后端分离会不会影响首屏加载,我想说的是,多少都是有的,但影响程度要看代码的质量了,只要优化得好,首屏加载时间不会太慢。
我们在进行前后端分离时有一些技巧来缩短首屏加载时间的,分享给大家:
前端与后端分别部署,都走CDN加速;
前端尽可能少的调用多个API,建议调用一个API网关来实现多个API的请求合并;
后端API域名使用单独域名,禁止cookies传输;
部分数据本地缓存处理;
不重要的数据惰性请求加载。
综上,前后端分离在一定程度上是会影响首屏加载时间的,但是也有调优方案,总体上时间不会相差太多。
以上回答希望对大家有所帮助,如果其它网友有不同见解,也欢迎在下方评论交流 ~
es6 jsp实现前后端分离 前后端分离还需要session吗
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。