Timing 中 Content Download 耗时过长问题如何解决

最新推荐文章于 2024-05-27 16:23:05 发布

我是三叔

最新推荐文章于 2024-05-27 16:23:05 发布

阅读量4.5k

点赞数 1

分类专栏：学习笔记文章标签：运维 java 性能优化前端 node.js

本文链接：https://blog.csdn.net/weixin_49065828/article/details/130310420

版权

学习笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

文章讨论了在遇到ContentDownload时间过长问题时的优化策略。通过分析，发现首次加载页面时不必要的接口请求导致了延迟。建议前端在首次加载时只请求必需的接口，并限制为第一页数据；后端应实施分页查询并只返回业务所需的字段，以减少数据传输量和渲染时间。

摘要由CSDN通过智能技术生成

笔者在pgsql创建索引的优化中有写到基于数据库查询的优化，但实际在sql优化之前，通过f12开发者模式发现查询的接口Timing中Content Download时间过长，实际的接口响应只有200ms，但是Content Download长达3s多，在网上查阅资料，分析了一下页面加载时间，参考网上一位老哥博客地址：https://www.cnblogs.com/amyzhu/p/13125463.html（这篇博客主要是介绍浏览器上面一些参数是干嘛的）

由于生产是禁止外网传播，笔者以google浏览器为例，讲述一下大概的优化思路：
在这里插入图片描述
想必大家在开发中经常用到这个界面，F12打开开发者模式，看了耗时，当时生产的Content Download是3s多，接口的响应时间只有200多毫秒，导致整个页面处于加载的时间过长，request sent 和 waiting都没问题，响应耗时主要消耗在了 content download 上。