TGideas實(shí)例：加載，不只是少一點(diǎn)點(diǎn)(7)

三是，相對(duì)于傳統(tǒng)緩存策略，本地存儲(chǔ)的讀取速度要更快些。當(dāng)然，也有例外，Chrome的本地存儲(chǔ)讀取速度要慢于緩存文件的加載。

四是，對(duì)于iOS設(shè)備，Safari在重啟后（包含本身的重啟，或者設(shè)備的重啟），緩存會(huì)被清空，而本地存儲(chǔ)和離線(xiàn)存儲(chǔ)不會(huì)。

4.2 SEO

4.2.1 Landing Page

對(duì)于互娛這邊的游戲，客戶(hù)端會(huì)有一個(gè)Landing Page，上面包含了最新的新聞，活動(dòng)等等信息，玩家每次啟動(dòng)客戶(hù)端都會(huì)看到這個(gè)頁(yè)面。

根據(jù)監(jiān)控，Landing Page平均每天給官網(wǎng)帶來(lái)250w左右的PV，而官網(wǎng)平均每日PV大約1000多萬(wàn)。這個(gè)量應(yīng)該完全填補(bǔ)了SEO的損失。而且游戲官網(wǎng)的用處一般僅限于給玩家提供游戲的功能服務(wù)、新聞、活動(dòng)信息等等，玩家查詢(xún)游戲攻略、資料一般會(huì)去媒體站，而不是游戲官網(wǎng)。

圖5-1 《英雄聯(lián)盟》的Landing Page

4.2.2 內(nèi)頁(yè)鏈接

在某些內(nèi)容需要?jiǎng)討B(tài)加載的時(shí)候，我們可以寫(xiě)一個(gè)到內(nèi)頁(yè)的鏈接，讓搜索引擎爬蟲(chóng)順著這個(gè)鏈接到內(nèi)頁(yè)去記錄信息。

圖5-2 到內(nèi)頁(yè)的鏈接

例如頁(yè)卡中的新聞列表需要?jiǎng)討B(tài)填充，如果不做處理，爬蟲(chóng)可能無(wú)法獲取這些列表中的新聞鏈接。我們可以像圖5-2的那兩種方式，寫(xiě)一個(gè)到列表頁(yè)的鏈接，這樣爬蟲(chóng)就可以順著這個(gè)鏈接到列表頁(yè)去抓取信息。

4.3 效果

4.3.1 健康度

健康度是我們以前接的加載時(shí)間檢測(cè)系統(tǒng)，最近我們換用了OZ系統(tǒng)。使用了以上方法的網(wǎng)站，在3秒健康度上，有了很大的提升。

圖5-3 3秒健康度

4.3.2 請(qǐng)求減少

采用以上方式減少加載量，雖然會(huì)造成整個(gè)網(wǎng)頁(yè)的全部請(qǐng)求量有少許增加，但因?yàn)槭前葱杓虞d，所以可以大大減少首屏請(qǐng)求量。

圖5-4 首屏請(qǐng)求量

圖5-5 整頁(yè)請(qǐng)求量

4.3.3 帶寬消耗

在我們接入優(yōu)圖后，圖片服務(wù)器的帶寬消耗大大減少。在圖片壓縮一半后，我們的帶寬消耗減少了4G。

圖5-6 圖片壓縮一半后服務(wù)器帶寬消耗趨勢(shì)圖

由于公司系統(tǒng)只能針對(duì)服務(wù)器做帶寬消耗監(jiān)控，所以我們看不到做文件存儲(chǔ)和按需加載后的帶寬減少情況，但我們可以