201608

又到了每月大整理的時刻

本月遇到最大的問題就是一句話!!

請協助一下,看是否都能95分以上

洲哥當下正在執行非常重要的功能!

抱歉!忘了是哪個功能!因為這個月多了許多重要功能在開發!

所以這個未知的任務我就幫忙處理

說實在的 一開始聽到95分這個數字覺得很不可思議

因為之前PageSpeed有調整過最高到90分 也剛好是我調整

當時是針對提出的圖片修正建議下手 所以分數沒有很顯著的提升

想說要再讓分數往上到95分 真的有可能嗎?

我就開始把現有的客戶 一個一個去掃pagespeed

普遍都落在85~89 就正好被我掃到一間 https://goo.gl/tA78Jm

在未調整的情況下分數就來到98分!靠 這是很吊詭的事!!

去前台後台觀察了許久 將它的資料下載上傳到我的帳號

也並沒有達到98的高分!一樣是在88分!到底是怎樣 完全摸不著頭緒呀

但透過給的建議 我知道下面這項是最大的問題 ms的癥結點

優先處理要顯示的內容
您的網頁需要額外的網路來回行程,才能轉譯前幾行內容。如要達到最佳效能,請減少轉譯前幾行內容所需的 HTML 資料量。
瀏覽器要求 53.9KB 的 HTML 回應,以轉譯不需捲動位置即可顯示的內容 (需要 3 次網路來回行程)。建議您優先轉譯不需捲動位置即可顯示的內容,讓這些內容在 HTML 處理作業的前 2 次來回行程期間內就能順利轉譯完成。
HTML 可在 2 次來回行程內傳送完成,但最終無法轉譯任何前幾行內容。

只是我還是沒有了解它的意思

我就開始只能先由程式架構去下手

程式調整先後順序、刪除多餘的程式、刪除banner區塊

加上判斷程式顯示單一menu (我們menu有三塊 pc、平板、手機)

刪除首頁三小圖、再次壓縮javascript程式碼及CSS

但做的這些動作 都是徒勞無功 分數絲毫沒有長進

求助tina 我印象中有分享過css優先處理顯示手機螢幕的部份

不過還是無功而返

我甚至還去google下 google pagespeed example

網站速度高分之類的 想找得到高分網站來解剖一下程式

也都沒有找到命中要害要關鍵 都是一些屁話

也不知是哪根筋不對 建議上明明就有講到了優先處理要顯示的內容 卻一直沒去找

我就搜 優先處理要顯示的內容

第一則https://goo.gl/LLSncT

看到嵌入重要css 才讓我想到說 我們ms所有畫面的css程式

雖然有經過壓縮(這個壓縮就讓我覺得有符合建議上的壓縮css)

但全部都一次吐到網頁上

造成了首頁有其他頁面的畫面程式(這些對首頁來講都是垃圾)

所以就去判斷載入必要的css就好 不必要的就不吐

程式前後圖(有興趣的請前往一探究竟)

所以成功的讓ms基本上都會在95分以上

除了有埋其他平台的追蹤碼會把分數拉下來
(有平台自行的程式嵌在ms裡造成延遲轉譯 ex https://goo.gl/Ifz49K)

客戶上傳編輯器圖片沒有將它設為100%
或是圖片被偵測可以再壓縮 ex https://goo.gl/P1uGgG

只要被列為 必須修正的問題 就一定會造成低跑分

雖然不知道是不是真的有比較高的簽約率

但95分其實還滿狂的 我相信95分對神之隊來講只是輔助啦!


其餘就是bug修改、功能優化、版面調整

ms一定是會愈來愈好

app後台持續建構中…

Show your support

Clapping shows how much you appreciated Hsinyu Chen’s story.