1. 程式人生 > >部落格首頁載入的優化

部落格首頁載入的優化

部落格地址: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