博客首页加载的优化

博客地址:https://ainyi.com/#/62

这些日子刚到京东工作,刚在北京安定下来,事情比较多

但在上周看了看我的博客,发现首页的加载速度真的够慢的

虽然之前就发觉,但一直不知道怎么继续优化,好像该优化的都已经优化好

重大 bug

从刚做好这个博客不就第一次就发现了,发起 ajax 请求时,可以看到 content-download 的时间居然比 waiting 的时间还长,而且首页等待时间可以达到好几秒,真心慢,放张图证明:

可以发现 ajax 请求的时间,几乎都在 content-download 浪费了,一般说来,加载时间应该都在 waiting 上,而不是 download,一直不知道怎么优化

上周查了查 ajax 请求的数据,首页加载每个博客的数据居然携带上博文的 markdown 字段和 html 字段,这两个字段的数据量的庞大不是一般的。遂知道了为啥 content-download 一直花了这么多时间才开始渲染页面

这是个重大 bug 啊!!

马上回去更改了过来,首页请求的 ajax 是分页博客数据,不应该返回博文这个字段。将后台改了改,查询分页数据将这两个字段删除,看起来,嗯~ 快了许多

从这里联系到各个 ajax 数据的返回,如果某个字段很庞大,而在当前页面不需要使用,最好就不要返回了,免得页面加载速度过长,体验不好

本博客的其他页面的针对每个 ajax 请求都作了优化,该传递、不该传递,心里清楚~

相关链接

之前写过这方面的博客:—— 页面性能优化

博客地址:https://ainyi.com/#/62

猜你喜欢

转载自www.cnblogs.com/ainyi/p/10115284.html