電腦王阿達
  • 首頁
  • 科技新聞
    • 最新科技新聞
    • AI 新聞與教學
      • AI 工具分享與教學
      • AI 趨勢與相關新聞
    • 產品評測
      • GPS/行車記錄器評測
      • iOS周邊
      • Android周邊
    • 科技廠商專訪報導
    • 電腦硬體周邊情報
    • 相機
  • 酷品開箱
  • 通訊達人
    • 電腦王阿達測速工具
  • APP/軟體/教學
    • 電腦應用與其他教學
      • 網路與軟體應用
      • 多媒體轉檔/運用
      • 其他文章
    • 跨平台App
    • iPhone/iPad相關
      • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB/CYDIA應用
    • Android相關資訊
      • Android App分享介紹
      • Android 基礎教學
      • 智慧手機韌體更新
      • Windows Mobile手機相關文章
    • Mac 軟體分享與教學
    • LINE
    • Telegram
    • 攝影教學
    • 語文學習
    • 轉貼好文
    • WordPress 架站教學分享
    • 未分類文章
  • 休閒/懶人包
    • 新聞台直播 頻道大集合!想看新聞不用辦第四台!
    • 遊戲電玩
    • 動漫、玩具、敗家
      • 老弟紙模型作品集
    • KUSO
      • 有趣影片
    • 圖文創作
    • 生活與旅遊
    • 超好用懶人包
    • 最新抽獎情報公告
    • Pokemon GO攻略
  • 電腦王團隊
No Result
View All Result
  • 首頁
  • 科技新聞
    • 最新科技新聞
    • AI 新聞與教學
      • AI 工具分享與教學
      • AI 趨勢與相關新聞
    • 產品評測
      • GPS/行車記錄器評測
      • iOS周邊
      • Android周邊
    • 科技廠商專訪報導
    • 電腦硬體周邊情報
    • 相機
  • 酷品開箱
  • 通訊達人
    • 電腦王阿達測速工具
  • APP/軟體/教學
    • 電腦應用與其他教學
      • 網路與軟體應用
      • 多媒體轉檔/運用
      • 其他文章
    • 跨平台App
    • iPhone/iPad相關
      • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB/CYDIA應用
    • Android相關資訊
      • Android App分享介紹
      • Android 基礎教學
      • 智慧手機韌體更新
      • Windows Mobile手機相關文章
    • Mac 軟體分享與教學
    • LINE
    • Telegram
    • 攝影教學
    • 語文學習
    • 轉貼好文
    • WordPress 架站教學分享
    • 未分類文章
  • 休閒/懶人包
    • 新聞台直播 頻道大集合!想看新聞不用辦第四台!
    • 遊戲電玩
    • 動漫、玩具、敗家
      • 老弟紙模型作品集
    • KUSO
      • 有趣影片
    • 圖文創作
    • 生活與旅遊
    • 超好用懶人包
    • 最新抽獎情報公告
    • Pokemon GO攻略
  • 電腦王團隊
No Result
View All Result
電腦王阿達
No Result
View All Result

首頁 » 網站架設教學

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

Angus電科技 by Angus電科技
2017 年 10 月 07 日
in 網站架設教學, CDN, CDN, WordPress 架站教學分享, 架站達人篇, 網域名稱
讀取中...

相信很多人在架設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) 有效提升網頁加載速度! - 電腦王阿達

 

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網站可有效提升網頁加載速度
Tags: CDNCloudFlare CDN

您也許會喜歡:

立達合法徵信社-讓您安心的選擇

網站搜尋

No Result
View All Result

廣告


歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技

No Result
View All Result
  • 最新科技新聞
  • 最新科技產品報導
    • 3C產品開箱/廠商邀測
      • GPS/行車記錄器評測
    • 科技廠商專訪報導
      • 專題報導
    • 電腦硬體周邊情報
    • Android周邊
    • iOS周邊
  • 好用App介紹
    • Android App分享介紹
      • Android 基礎教學
    • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB教學
      • iOS軟體與JB相關文章
      • iOS JB/CYDIA應用
    • 跨平台App
  • 通訊達人
  • Telegram
  • 電腦應用與其他教學
    • Mac OS 軟體分享與教學
    • 網路與軟體應用
    • WordPress 架站教學分享
    • 多媒體轉檔/運用
    • 語文學習
    • 轉貼好文
    • 其他文章
  • 旅遊與美食
    • 生活與旅遊
    • 圖文創作
    • 有趣影片
    • 動漫、玩具、敗家
    • 老弟紙模型作品集
    • KUSO
    • 阿達玩App
    • Pokemon Go攻略
  • 超好用懶人包
  • 電腦王阿達網路測速
  • 電腦王阿達團隊

歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技

No Result
View All Result
  • 最新科技新聞
  • 最新科技產品報導
    • 3C產品開箱/廠商邀測
      • GPS/行車記錄器評測
    • 科技廠商專訪報導
      • 專題報導
    • 電腦硬體周邊情報
    • Android周邊
    • iOS周邊
  • 好用App介紹
    • Android App分享介紹
      • Android 基礎教學
    • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB教學
      • iOS軟體與JB相關文章
      • iOS JB/CYDIA應用
    • 跨平台App
  • 通訊達人
  • Telegram
  • 電腦應用與其他教學
    • Mac OS 軟體分享與教學
    • 網路與軟體應用
    • WordPress 架站教學分享
    • 多媒體轉檔/運用
    • 語文學習
    • 轉貼好文
    • 其他文章
  • 旅遊與美食
    • 生活與旅遊
    • 圖文創作
    • 有趣影片
    • 動漫、玩具、敗家
    • 老弟紙模型作品集
    • KUSO
    • 阿達玩App
    • Pokemon Go攻略
  • 超好用懶人包
  • 電腦王阿達網路測速
  • 電腦王阿達團隊

歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技