前端返回大量图片可优化的点
前端返回大量图片可优化的点
情景:根绝条件查询返回大量图片,经确认前端页面使用【懒加载】,点击每张图片会显示加载另外几张相关的图片。即返回100张种类的图片显示在前端,点击每种图片会显示该类里的所有图片。
抓包可得,后台直接返回所有图片地址信息,然后前端页面根据地址信息再从服务器拿图片,懒加载显示在网页上。
优化:除了常见的懒加载,还有可以建议开发者,只先返回100张种类的图片信息,在用户点击查看种类时,再根据种类从服务器拿图片。可以理解为,一开始返回100*10个地址信息,现在只返回00个信息,而每次点击再返回10个地址信息。