zoukankan      html  css  js  c++  java
  • 博客首页加载的优化

    博客地址: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

  • 相关阅读:
    桂林印象
    快变
    近期的事
    *C#中使用ref和out一点认识!*
    *在框架集页面放置TreeView控件时页面跳转的问题解决*
    *无法找到脚本库的问题*
    *Ajax.Net快速入门*
    *网页过期*
    *Prototype开发笔记*
    *正则表达式*
  • 原文地址:https://www.cnblogs.com/ainyi/p/10115284.html
Copyright © 2011-2022 走看看