部落格首頁載入的優化
阿新 • • 發佈:2018-12-13
部落格地址: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