• 博客首页加载的优化


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

  • 相关阅读:
    05 单例模式
    04 volatile关键字实现原理
    03 synchronized
    02 java内存模型
    spark性能调优06-数据倾斜处理
    redis缓存架构-03-redis下的replication以及master+slave
    SpringBoot webSocket搭建示例
    Httpclient-(get、post(application/json)、post(application/form-data)、download、upload)
    CentOS-Java 依赖安装
    Git使用教程
  • 原文地址:https://www.cnblogs.com/ainyi/p/10115284.html
Copyright © 2020-2023  润新知