[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

有藉於網站流量日漸成長!! 對於主機負擔越來越重情況下,站長們可以選擇租用 VPS 或是硬體規格升級為更好主機方案!! 但是我想除了上述方法,如果手頭預算有限的朋友還可以透過日前分享免費 CDN 服務 – Cloudflare 進行優化動作,好奇的我就有個疑問!! 難道免費 CDN 服務就只有這一個選擇而已?? 上遍美國各大論壇後意外發現原來 Google 也有提供免費 CDN 服務名為 "Google PageSpeed Service",這好康服務有夠低調的!! 近日使用下來感覺蠻不錯的,也節省不少主機流量與連線數,寫篇完整申請使用系列教學文,相信對不少站長來說會很有幫助的。


網站名稱:Google PageSpeed Service 免費雲端加速服務 (2015/08/03 終止)

服務類型:CDN服務

管理網址:https://code.google.com/apis/console/

官方網站:https://developers.google.com/speed/pagespeed/service

討論區:https://groups.google.com/forum/#!forum/page-speed-service-discuss

 

Google PageSpeed Service 申請教學流程:

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

1. 進入網站後,點選上圖所示 "Sign Up Now" 按鈕

2. 接著填入你的信箱 (建議使用 Gmail)、網站地址

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

3. 表單送出後會約一天內就會回信告知

 

Google PageSpeed Service 開通使用流程:

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

1. 通常一天內就會收到帳號開通的通知信,按下 "Get Started" 開始動作

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

2. 接著跳轉到 Google PageSpeed Service 頁面,按下使用同意協議即可

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

3. 然後會進到 Google apis 服務頁面,進入 Services 清單

滑鼠往下拉!! 找到 "PageSpeed Service" 選項切換為 ON

 

Google PageSpeed Service 網域設定流程:

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

1. 在設定地方左手邊有個 "Overview" 輸入域使用 CDN 服務的網址

注意:必須是有子網域的才可以使用,如前綴有 www or blog

如果像是:sofun.tw 就不可以,必須改為 www.sofun.tw 才可以

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

2. 假如域名沒有透過站長工具驗證過,會要求站長先驗證域名

驗證方式有很多種,最快的方是我想就是上傳一個 html文件

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

3. 驗證後加速域名得要在 DNS 管理頁面處進行修改動作

舉例來說假設欲加速網域名稱為:www.1234.com.tw

得將 www.1234.com.tw 原本 NS 或 A 指向設定給移除

網址新增 CNAME 紀錄"pagespeed.googlehosted.com"

接著新增一組新的域名 – original.www.1234.com.tw

 

簡單來說在 Google CDN 網域管理設定部分

original.www.1234.com.tw < — 原始網站

www.1234.com.tw < — CDN 鏡像網站

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

4. 所有設定完成後只要在 Status 顯示 "Enabled" 就表示沒有問題啦。

 

Google PageSpeed Service 流量統計與設定操作:

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

1. "Configure Rewriters" 可針對 Html、CSS、JS 項目進行自定義配置

若網頁顯示有問題的話,細部設定要去 rewriters 選項進行微調。

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

2. "Block Requests" 可以將 IP 網段、用戶加入黑名單中

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

3. "Caching and Errors" 在此會顯示錯誤頁面資訊、快取清除設定

快取清除在 Flush Caches:參照上述格式再輸入 * 按按鈕即可 ~

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

 

4. Google PageSpeed Service 流量統計功能:

"Overview" 顯示網頁讀取時間 & Request 次數

"Bandwidth" 顯示頻寬使用流量 & 熱門檔案

 

Google CDN 加速效果測試:

 

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

[教學] Google PageSpeed​​ Service 免費雲端 CDN 加速服務

測試網站:http://www.webkaka.com/Ping.aspx

 

根據上述大陸&香港伺服器結果皆 Ping 到美國 Google 伺服器

平均回傳時間約 20 ~ 30ms 速度超快!! 完全不輸台灣主機速度

重點是部分 CDN 服務掉封包情況,在這服務上完全沒有發生

 

常見問題 Q&A:

 

1. Google CDN & Cloudflare 哪個好用 ??

Ans: 各有優劣!! 前者得要有子網域才能使用,後者無限制

 

2. 兩者速度哪個比較快 ??

Ans: Google CDN 回傳速度比 Cloudflare 快很多

 

暫無 ~ 想到後再補充好了 XDD

 

總結:使用 1~2個月下來 Google CDN 免費服務加速效果蠻明顯的!! 特別是網站租用美國主機並掛載 "Google PageSpeed Service" 之後,原本回傳速度約 150 ~ 170ms 加快到只需要 10 ~ 12ms … 誇張快!! 就連台灣主機都不一定有這麼快的速度,有點扯 ~ 雖然說CDN 節點目前看來貌似只有美國而已,但是各國測得速度都蠻不錯的!! 十分意外 ~ 這目前使用起來感覺像是網站最佳化的服務,和CDN功能還是有一點不一樣,日後有機會再來進行壓力測試看看好了,是否對於降低 CPU Time 負載有幫助,以及如果能夠對於未使用子網域的網站能夠掛載 CDN 那就更完美了!! 簡單一篇教學筆記文希望對於各網站站長們有幫助,有任何問題也歡迎提出來一塊交流。

 

番外篇:

 

[教學] Pingdom 網頁載入速度測試工具,找出拖垮網站速度元凶

網址:http://sofun.tw/pingdom/

 

[教學] WordPress 網站優化、加速技巧@主機更省資源、開啟網頁速度更快

網址:http://sofun.tw/wordpress-optimization/

 

網站名稱:Google PageSpeed Service 免費雲端加速服務

服務類型:CDN服務

管理網址:https://code.google.com/apis/console/

官方網站:https://developers.google.com/speed/pagespeed/service

討論區:https://groups.google.com/forum/#!forum/page-speed-service-discuss

留言板

  1. Avatar for FunShin FunShin表示:

    不好意思,我對指向這邊不太熟
    ———-
    驗證後加速域名得要在 DNS 管理頁面處進行修改動作

    舉例來說假設欲加速網域名稱為:www.1234.com.tw

    就得將 http://www.1234.com.tw 原本 NS.A 指向設定給移除

    網址新增 CNAME 紀錄”pagespeed.googlehosted.com”

    接著新增一組新的域名 – original.www.1234.com.tw

    簡單來說在 Google CDN 網域管理設定部分

    original.www.1234.com.tw < — 原始網站

    http://www.1234.com.tw < — CDN 鏡像網站

    —–

    是說我在代管那邊設定一組

    CNAME www pagespeed.googlehosted.com 這樣子就好了嗎

  2. Avatar for edmund119 edmund119表示:

    看起來很不錯,有時間也來用一個看看。

    1. Avatar for 阿福 阿福表示:

      是啊!! 蠻簡單方便好上手!! 有問題也可以提出來討論。

      1. Avatar for 阿福 阿福表示:

        這類免費網域以前玩過,限制很多!! 你說無法設定應該就是沒辦法,還是買個自己專屬網址比較實在。

      2. Avatar for edmund119 edmund119表示:

        了解,那麼這個服務就只能看看沒法用了,沒有怎麼經營的情況下應該不太需要買網址。

      3. Avatar for 阿福 阿福表示:

        就看你對於網站的重視度囉!!!

  3. Avatar for 仔仔 仔仔表示:

    第3個步驟太亂了…希望可以明確一點…><

    1. Avatar for 阿福 阿福表示:

      第三個步驟繁複!! 能否提出你是哪一部分不清楚?? 我再來補充。

      1. Avatar for 仔仔 仔仔表示:

        圖片跟步驟都有一點不清楚…

        就得將 http://www.1234.com.tw 原本 NS.A 指向設定給移除

        接著新增一組新的域名 – original.www.1234.com.tw
        在哪新增….
        跟NS.A….為什麼會用「.」

      2. Avatar for 阿福 阿福表示:

        你說的NS.A這部分是筆誤,應該是NS或是A指向
        至於你說哪裡新增域名,這得要看你當時在哪買網址
        在設定子網域地方就可以進行新增.刪除等相關設定。

      3. Avatar for 仔仔 仔仔表示:

        如果有用 CloudFlare 呢~你圖片不太明顯…

      4. Avatar for 阿福 阿福表示:

        你可以搭配 Cloudflare 那篇教學文章來使用,不明顯是??!! 因為這篇教學幾個朋友看過都說很清楚 … 而且設定上也沒有問題。

  4. Avatar for 阿福 阿福表示:

    最後一句說的沒有錯!! 但問題是你並沒有在 Google 伺服器架設網站,所以我才會說要新增 original.XXXXX (原始網站) 來讓它進行快取,不然 Google CDN 他要抓哪邊的資料 XDD

  5. Avatar for 霍兒 霍兒表示:

    請問一下

    我本身用 WP架設網站

    我的網址前面沒有www

    但是如果打 http://www.域名.com 一樣會自動跳轉到 域名.com

    如果Google PageSpeed 規定一定要加上www

    那依照我網址的情況,是不是沒有前面www 也可以得到相同的加速效果?

    1. Avatar for 霍兒 霍兒表示:

      補充:

      如果要在 NS.A 新增 original.www.域名.com

      是要登入購買的主機那邊更改,還是在Google PageSpeed調整??

      抱歉,目前還在等開通Google PageSpeed!!

      1. Avatar for 阿福 阿福表示:

        新增域名部分得在你原始網址 DNS 地方去設定。

      2. Avatar for 霍兒 霍兒表示:

        我的 域名 和 空間 分別是在不同公司買的
        那如果 我的域名前面並沒有 www
        也想使用此功能的話
        是要從哪裡更改對應?

      3. Avatar for 霍兒 霍兒表示:

        意思是…
        有沒又辦法 前面不加www 也能使用此服務的方法?

      4. Avatar for 阿福 阿福表示:

        沒錯!! 除非未來 Google 針對這服務使用限制有變更吧。

      5. Avatar for 阿福 阿福表示:

        本文部分只需要管 DNS 網域設定即可!! 沒有子網域如 www 之類的前綴則無法使用。

    2. Avatar for 阿福 阿福表示:

      不行!! 必須是子網域才可以使用,透過跳轉方式無法達到 CDN 快取效果。

  6. Avatar for Masato Masato表示:

    —- >所有設定完成後只要在 Status 顯示 “Enabled” 就表示沒有問題啦。

    想請教一下,我設定完一天了,卻還是紅的,Not Ready….
    因為我試著想搭配cloudflare並用!

    1. Avatar for 阿福 阿福表示:

      不能同時使用 Google & Cloudflare 這兩個 CDN 搭配使用,以前曾經試驗過會出現錯誤!! 根據需求擇一使用吧。

  7. Avatar for HIT HIT表示:

    請問一下..這個功能在申請時填的網站跟使用此功能的網站一定要一致嗎?就是說申請時填A網址.之後是在B.C網站使用此功能

    1. Avatar for 阿福 阿福表示:

      不用!! 申請通過後填 B.C … 等新網站就無需申請即可使用。

  8. Avatar for 小豬 小豬表示:

    請問一下 有沒有哪一個網站已經用了google CDN服務 我想參考一下看看

    1. Avatar for 阿福 阿福表示:

      兄弟站有使用 Google CDN 可以來參考看看。
      網址:http://download.sofun.tw/

  9. Avatar for Harry Harry表示:

    因為用了像BGP Anycast差不多的技術,所以導致IP在美國廣播,但實際上全球也有節點!

    1. Avatar for 阿福 阿福表示:

      原來如此,感謝分享。

  10. Avatar for NitroXenon NitroXenon表示:

    目前已經不能註冊了
    有點後悔太遲看到這篇文章
    只好用 Cloudflare 咯

    ———-
    小N的3C研究所 – http://nitroxenon.com

  11. Avatar for 阿福 阿福表示:

    CF 最近不太穩就是了,推薦可以申請 “Incapsula” 來使用看看。

    教學文:http://sofun.tw/incapsula/

    1. Avatar for 李承育 李承育表示:

      台灣這裡用加速樂CDN反而會比CloudFlare、Incapsula快上許多

      1. Avatar for 阿福 阿福表示:

        加速樂考慮看看,我還是喜歡 Incapsula 服務多一些 …

      2. Avatar for 李承育 李承育表示:

        Incapsula最近蠻好用的
        客服也很積極,但有的主機會屏蔽
        因為Incapsula堅持不提供CDN的IP
        很難在主機新增IP白名單

  12. Avatar for Larry Larry表示:

    https://goo.gl/2RxCKw
    2015/8/3
    PageSpeed Service 服務會終止喔

  13. Avatar for 阿福 阿福表示:

    感謝告知,已補充於內文。