[教學]架設 Amazon CloudFront (CDN) 有效提升網頁加載速度!

98

相信很多人在架設Wordpress的網站或自架網頁時當文章數量與圖片越來越龐大時,一定會發覺網站的加載速度越來越緩慢,為了要提升網站的加載速度很多架站的管理人員都會選用CDN服務來家快我們網站的讀取速度,那什麼是CDN服務呢?簡單的來說,網站通過了CDN的服務技術就可以有效提升全球各地訪問自己架設的網站頁面速度,當大企業在有足夠的預算上當然會在全球各地架設緩存伺服器(像是Google、Facebook、Yahoo等…),不過並不是每個企業都有這麼多的預算來架設CDN,這時候我們就可以透過專門的CDN服務公司來幫我們達到這樣的服務,更進一步加速我們網站加載存取速度。

Amazon CloudFront 是由 Amazon 提供的一套覆蓋全球的CDN網絡,可以根據流量和請求數量進行收費,並且相對來說費用還算低廉,因此適合小型公司或個人,而全球的節點網路位於 23 個國家、50 個城市總共 95 個節點,幾乎已經是遍佈全球各地,為什麼小編會想要推薦使用 Amazon CloudFront 除了服務非常穩定以外,新客戶註冊還可以享有12個月也就是一年免費每月50G的資料傳出以及 2,000,000 個 HTTP 和 HTTPS 請求,對於一般流量不高的網站來說已經相當足夠使用,當然如果要一次性購買長期的服務也是會有所折扣呢。

 

Amazon CloudFront (CDN)設定套用至Wordpress教學

▼ 首先先進入Amazon CloudFront的服務頁面上,並且點選「免費試用 Amazon CloudFront」。

Amazon CloudFront

 

▼ 在AWS免費方案上可以使用Amazon CloudFront的服務每個月50G資料傳出跟2,000,000 個 HTTP 和 HTTPS 請求,如果過了一年則會按使用的流量計費,也沒有最低消費,用多少就付多少錢。

Amazon CloudFront

 

▼ 所有的網站HTTP請求的價格以每10,000個為單位,這個要怎麼樣計算呢?簡單來說假設我們自己的網站所有的資料、圖片、CSS、JS每一個都會產生一個請求,也就是說我們自己的網站一個頁面可能就會產生40個請求,一個網站如果一天被點擊了5000次頁面,那麼一個月就會是40*5000*30天=6000000個請求,假設我們的訪客都是通過台灣的緩存伺服器獲取內容那麼費用就會是6000,000/10,000*0.009=$5.4美元,這樣的流量每個月帳單上也不到6美元已經算是相當划算了。

Amazon CloudFront

 

▼ 接下來就開始一連串的註冊,請先建立一個新的AWS帳戶,如果已經有的話可以跳過這個註冊步驟。

Amazon CloudFront

 

▼ 請選擇個人帳戶與填寫英文的地址才能註冊,填寫好資料後請勾選同意AWS客戶協議條款,並且按下建立帳戶並繼續。

Amazon CloudFront

 

▼ 由於註冊AWS帳戶要使用服務前必須綁定信用卡,在這裡只是綁定信用卡並不會產生任何費用。

Amazon CloudFront

 

▼ 接下來要身分驗證,輸入驗證碼後填入自己的手機號碼,點選「立刻打電話給我」就可以進行驗證完成。

Amazon CloudFront

 

▼ 在支援方案的部分請選擇「基本」就可以了。

Amazon CloudFront

 

▼ 申請完成後就可以點選「啟動管理控制台」開始進入免費試用 Amazon CloudFront的服務囉。

Amazon CloudFront

 

▼ 進入管理控制台頁面後選擇左上角的「服務」項目。

Amazon CloudFront

 

▼ 選擇網路和內容分發的「 CloudFront 」選項。

Amazon CloudFront

 

▼ 進入CloudFront Distributions的頁面後,點選「Create Distributions」來新增站台。

Amazon CloudFront

 

▼ 選擇Web選項並點選「Get Started」,而下方的RTMP則是偏向影音這裡小編就不多說了。

Amazon CloudFront

 

▼ 請在Origin Domain Name輸入自己的「網站網址」,而輸入完成後其他選項也會自動產生,在Origin Protocol Policy 的選項則是依自己的網站模式選擇,如果自己的網站有SSL加密認證就請選擇HTTPS Only。

Amazon CloudFront

 

▼ 其他的選項在這裡我們都保持預設就好,最後點選最下方的「Create Distribution」開始創建吧。

Amazon CloudFront

 

▼ 創建時需要花5-10分鐘的時間,當創建完成後就可以看到State狀態是「Enabled」就代表完成創建,這時候我們可以點選ID進入詳細資料。

Amazon CloudFront

 

▼ 這時候我們需要的就是「Domain Name」這個資訊,請複製Domain Name上的網址起來準備開始驗證是否創建成功。

Amazon CloudFront

 

▼ 要如何驗證CDN是否有正常創建成功,其實非常簡單,請在自己的網站上選擇一張圖片並且把圖片的路徑貼上網址列上,這時候請把原本自己網站圖片例如:「https://wuangus.cc/XXX001.jpg」修改成「https://剛剛的Domain Name網址/XXX001.jpg」來查看是否可以正常顯示,如果都沒有問題可以正常顯示的話就代表創建CDN成功囉。

Amazon CloudFront

 

▼ 但是創建成功的CDN服務要怎麼樣才能套用在Wordpress的網站上呢?請到外掛搜尋下載「CDN Enabler – WordPress CDN Plugin」這一個免費外掛,並且依下方圖示設定,最後點選「儲存變更」就完成套用CDN囉。

  • CDN URL:請直接輸入剛剛我們創建好的Domain Name網址記得加上https。
  • Exclusions:這裡可以排除套用CDN的檔案類型。
  • CDN HTTPS:這裡必須勾選,有SSL的網站才會正常套用成功哦。

Amazon CloudFront

 

▼ 最後整個網站套用CDN服務後使用原始碼看看網站內的圖片,是不是都被套用成剛剛我們申請的CDN網址了,這樣一來就可以有效有效提升網頁加載速度了。

Amazon CloudFront

 

值得使用的CDN服務原因

  • Amazon CloudFront (CDN)全球穩定度極高的服務商
  • 新註冊可享每月50G資料傳出與12個月2,000,000 個 HTTP 和 HTTPS 請求
  • 對於架設Wordpress網站可有效提升網頁加載速度

您可能會有興趣的文章