一个html页面请求多个接口,前端页面，一个页面几个接口请求比较合理？

这个考虑问题的角度我觉得不太对,抛开剂量谈毒性都是耍流氓,抛开时间谈数量一样也是耍流氓.

有的接口访问一下是毫秒级的,有的接口访问一下是秒级的.

我们考虑这个问题的时候必然是综合来看的,比如你说的同一个接口使用不同参数,这可能是一种良好的设计,也可能是一种很蠢的设计,没法一概而论.

比如说,首屏展示产品信息,分别展示不同类目的top3,设计成了访问N(类目数)次接口,每次返回单个类目的top(n),n是一个接口参数.

这个接口可能在首屏就请求了8次,前端说这太蠢了.但其实这样设计的接口更灵活,也许有一天运营说,现在我们要显示A产品8个,B产品5个,C产品去掉,前端动动手指就改了,如果后端接口聚合成一个呢?前端要改,后端也要改,后端改了之后,服务器可能还要停机发布,这就非常麻烦了,一般来说,H5的更新是成本最低的,所以后端底层一点,这种偏前端的逻辑就放在页面中也是合理的.

而且js作为异步的语言,区域独立ajax请求,反而可以先加载,先渲染,页面的体验反而会更好,也更方便做模块化.

如果需要获取的数据就是这么多,拆分请求和聚合请求,在时间上可以认为是聚合请求性能更好,这就和Edge和Chrome的对比一样,有说法是Edge其实比Chrome更快,但是Edge一定要等到资源下载完才开始加载,Chrome是边下载变加载的,显得反而比edge快.

另外呢,其实8个请求真的不多.

一个html页面请求多个接口,前端页面，一个页面几个接口请求比较合理？相关推荐

需要某个字体包才能正确显示此页面_[三分钟小文]前端性能优化-页面加载速度优化...
本期内容请记住一个核心:JavaScript很快,DOM很慢阅读本文您将收获: 从用户输入URL到看得到页面的过程页面渲染过程在页面加载层级的性能优化用户看到页面之前都经历了什么这一部分是面 ...
搭建前端监控系统（四）接口请求异常监控篇
背景:市面上的监控系统有很多,大多收费,对于小型前端项目来说,必然是痛点.另一点主要原因是,功能虽然通用,却未必能够满足我们自己的需求, 所以我们自给自足也许是个不错的办法. 这是搭建前端监控系统的第 ...
ajax请求成功之后，自动打开一个空白页面，并打印出了返回内容
一.问题描述 ajax请求成功之后,自动打开一个空白页面,并打印出了返回内容,返回值是规定的success内容:{code: "200", msg: "请求成功" ...
拦截器读post参数导致接口post请求报错_vue中Axios的封装和API接口的管理
一.axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中.他有很多优秀的特性,例如拦截请求和响 ...
html页面跨域提交数据,前端跨域的整理
跨域整理 1. 跨域资源共享 CORS 对于web开发来讲,由于浏览器的同源策略,我们需要经常使用一些hack的方法去跨域获取资源,但是hack的方法总归是hack.直到W3C出了一个标准-CORS- ...
vue 切换页面没有改变滚动条_Web前端高级Vue学习笔记（三）
大家好,我是轻风乍起,本人从事前端8年了,总结了很多学习资料,有时间我会普及一些入门和提升建议,思想提升了,路线明确了自然就好了,于是就整理了一些学习笔记, 供大家学习,干货福利内容在文末↓ 名称1 ...
vue实现页面权限显示_Vue 实现前端权限控制
登录&&权限流程图前言首先我们确定的权限控制分为三大部分,其中根据粒度大小分的更细: 登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增.删.改.查)的权限 ...
可以判断用户打开页面次数吗?_看前端如何单枪匹马实现小程序页面级版本控制...
在此之前我们先了解下小程序的运行机制. 小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」. 「热启动」假如用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需将 ...
沪江前端由H5页面引起的一场前端数据结构讨论
作者:周周(沪江资深Web前端开发工程师) 本文为原创文章,转载请注明作者及出处前言近期在小D十周年活动之际,又看到了一个自家H5专题梦工厂生成的页面. 我与小D十年回忆 >> 回想起 ...

一个html页面请求多个接口,前端页面，一个页面几个接口请求比较合理？

一个html页面请求多个接口,前端页面，一个页面几个接口请求比较合理？相关推荐

最新文章

热门文章