TGideas實例：加載，不只是少一點點(7)

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

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

4.2 SEO

4.2.1 Landing Page

對于互娛這邊的游戲，客戶端會有一個Landing Page，上面包含了最新的新聞，活動等等信息，玩家每次啟動客戶端都會看到這個頁面。

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

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

4.2.2 內(nèi)頁鏈接

在某些內(nèi)容需要動態(tài)加載的時候，我們可以寫一個到內(nèi)頁的鏈接，讓搜索引擎爬蟲順著這個鏈接到內(nèi)頁去記錄信息。

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

例如頁卡中的新聞列表需要動態(tài)填充，如果不做處理，爬蟲可能無法獲取這些列表中的新聞鏈接。我們可以像圖5-2的那兩種方式，寫一個到列表頁的鏈接，這樣爬蟲就可以順著這個鏈接到列表頁去抓取信息。

4.3 效果

4.3.1 健康度

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

圖5-3 3秒健康度

4.3.2 請求減少

采用以上方式減少加載量，雖然會造成整個網(wǎng)頁的全部請求量有少許增加，但因為是按需加載，所以可以大大減少首屏請求量。

圖5-4 首屏請求量

圖5-5 整頁請求量

4.3.3 帶寬消耗

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

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

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