今天叫大家怎麼成爲一位合格的站長,怎麼配置cdn ,怎麼玩轉GZIP壓縮,世上最全的GZIP壓縮。

今天給 www.tofacebook.com 配置了cdn域名加速器:彙總下姿勢點,各位站長或者未來的站長可能會用的到,請查收,謝謝:

一、首先購買cdn 加速器。
在這裏插入圖片描述

二、在cdn控制檯添加對應的域名:

在這裏插入圖片描述
注意的是這個添加的加速域名是你服務器上部署的應用的地址:我的應用域名是:www.tofacebook.com,所以我要給這個域名加速,至於源域名 tofacebook.com 我是在NGINX上做了301的跳轉,所以不需要加速,因爲給域名加速是要耗流量,流量是用錢買的哈,所以只需要給目標域名加速即可。
添加完了會給你分配一個CNAME的CDN地址,需要在域名解析裏面添加這個信息。
在這裏插入圖片描述

三在域名解析裏面添加CNAME類型的解析配置。
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳
在這裏插入圖片描述
在這裏插入圖片描述
這是基本就是把cdn和域名進行綁定。然後我需要驗證下是否接入cdn成功?

快捷鍵:windons +R 進入dos命令:ping www.tofacebook.com 首次可能沒有那麼快就能顯示出來,我是等半個小時後再驗證的。
在這裏插入圖片描述
看到上的 “正在 Ping www.tofacebook.com.cdn…” 說明的cdn和域名綁定成功。

四、接下來就是需要華爲雲的工程師把我把GZIP網站網頁壓縮添加在cdn服務器中:
我自己將這些靜態文件配置到cdn中:

.woff2
 .xml 
 .txt
.yml
.class
.md
.lock
.less
.svg 
.ttf
 .eot
.scss
.woff
.gif
.js
.jpg
.css
.html
.json
.png
.js.map


他們配置會通知你們驗證:這裏我發出驗證的命令,需要將命令打到服務器中去驗證.

curl -voa 'http://www.tofacebook.com/dist/vendors/simple-line-icons/CONTRIBUTING.md' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/simple-line-icons/scss/simple-line-icons.scss' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/simple-line-icons/less/simple-line-icons.less' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/simple-line-icons/fonts/Simple-Line-Icons.woff' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/simple-line-icons/css/simple-line-icons.css' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/share.js/fonts/iconfont.ttf' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/layer/skin/default/loading-2.gif' --compressed
curl -voa 'http://www.tofacebook.com/tofacebook/list_tit_bg_19.jpg' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/font-awesome/HELP-US-OUT.txt' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/font-awesome/less/variables.less' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/font-awesome/fonts/FontAwesome.otf' --compressed
curl -voa 'http://www.tofacebook.com/dist/vendors/font-awesome/fonts/fontawesome-webfont.ttf' --compress

驗證的截圖:
在這裏插入圖片描述

然後需要我們一個一個去驗證這些靜態資源是否壓縮成功,不要嫌麻煩,要認證追問空間服務商的客服,叫他們認真的給你處理,我的cdn添加網站網頁GZIP壓縮搞了3天,纔算搞得差不多,如有發現遺留一定要給他們的客服反饋,叫他們及時處理,這樣對訪問你的網站的客戶來說,是給他們提供方便,未來會給你帶來不少好處呢,對不對?

五、我們來驗證下這些靜態資源壓縮是變大還是變小了呢?有圖有真相(如果變大,就給客服反饋這個,叫他們修改優化):
在這裏插入圖片描述

這個配置好了,你在站長工具裏面:網頁GZIP壓縮檢測 一下,你會發現你的網站首頁並沒有顯示:壓縮類型爲:GZIP,那怎麼辦呢,別急哈。我另外一遍文章寫了,只需要在NGINX http代碼塊中配置OK。(nginx 配置 gzip壓縮:nginx 配置 gzip壓縮:http://www.tofacebook.com/post/17490)

結合這兩篇文章配置好了,就可以在站長工具裏面產看到的對應壓縮類型了:
在這裏插入圖片描述
在這裏插入圖片描述

發佈了39 篇原創文章 · 獲贊 28 · 訪問量 8504
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章