WordPress圖片文件CDN加速方法: 七牛雲存儲和又拍雲存儲

一般來説,WordPress 使用一些 CDN 來加速能在一定程度上提高網站的訪問速度, 讓用户訪問自己所在線路最快的節點一直是一些大站所採取的策略。不過,最近部落發現給 WordPress 的圖片做 CDN 加速,可以大量減少圖片加載慢導致網頁打不開情況。

尤其是像部落這樣的一篇文章動輒就是十幾張甚至幾十張的圖片,隨着網站文章的數量的不斷膨脹,圖片越來越成為服務器一個負擔。在一定意義上,部落更像一個龐大的圖片相冊,已經差不多脱離了純粹博文的形式了。

本篇文章部落就來分享一下如何利用七牛雲存儲和又拍雲存儲來給自己的 WordPress 圖片文件 CDN 加速,之所以要提及這兩個國內的圖片存儲服務,原因就是七牛雲存儲有每月有免費配額,且還送 800 元消費券。

而又拍雲存儲可能是受到了七牛便宜 CDN 推廣的刺激,近期也推出了發微薄送 CDN 流量的活動,新用户可以得到 300G 流量,5G 空間 (空間有效期一年),老用户可獲得 800G 流量免費贈送。按照又拍 100 元才能買 100GB 流量,這送來的 800GB 流量不就是 800 元嗎?

七牛最先來個 800 元贈送,又拍隨後也來個 800GB 流量贈送,都是 800,這難道是巧合?更多關於如何對 WordPress 加速的方法,請參考:

WordPress 圖片文件 CDN 加速方法: 七牛雲存儲和又拍雲存儲

一、成功獲得七牛雲存儲 800 元消費券

1 、七牛雲存儲賬號註冊參考:七牛雲存儲國內免費 CDN 加速 10GB 空間 10GB 月流量多加速節點

2 、七牛雲存儲贈送 800 元消費券的推廣活動需要提交申請,大概一個星期後才會有結果,參考:七牛雲存儲全網加速送 800 元充值卷。

3 、如果 800 元的消費券申請成功,你的郵箱會收到七牛發來的 「新用户贈送 800 元」 的郵件,裏面有激活碼。

七牛雲存儲收到激活碼

4 、登錄到七牛雲存儲管理中心,點擊 「充值」 。

七牛雲存儲充值

5 、選擇使用 「抵用券」 。

七牛雲存儲選擇抵用券

6 、然後輸入你郵箱收到的激活碼,就可以看到 800 消費券已經到手了,有效期是 2014 年 2 月,差不多是半年的時間。

七牛雲存儲半年時間

二、獲取又拍雲存儲 800G 免費流量

1 、就目前來説,又拍雲存儲在技術和管理上要成熟一些,畢竟是一個已經運行多年專注於圖片外鏈管理的服務商。

2 、又拍雲存儲、又拍圖片管家等都是出自又拍,並配有一定免費限額,賬號註冊參考:又拍圖片管家國內高速的外鏈相冊服務 100MB 容量 1GB 外鏈流量

3 、獲取又拍雲存儲 800G 免費流量就相當於獲取了 800 元的消費券,因為又拍 1GB 就是 1 元的價格,活動地址:http://www.upyun.com/events/8years/index.html

又拍雲存儲搞活動

4 、活動時間是:8 月 26 日-8 月 30 日,在活動頁面中轉發微薄,然後在微薄給私信將你的又拍雲賬號發送給又拍雲存儲官方微博,新用户可獲得 300G 流量,5G 空間。

又拍雲存儲發私信

5 、老用户可獲得 800G 流量免費贈送。一個賬號只能獲得一次贈送。老用户續費流量,均可獲得購買量 8% 的流量贈送。流量贈送將於參與活動後 3 個工作日內完成贈送。

三、 WordPress 七牛雲存儲插件快速給圖片做 CDN

1 、 WordPress 很流行的緩存插件 wp super cache 就已經自帶了 CDN 功能,它可以讓你快速將自己的圖片、 JS 、 CSS 等靜態文件轉變成為 CDN 加速。

WordPress緩存插件加速

2 、使用 wp super cache 結合七牛雲存儲可以達到無縫切換圖片等靜態文件 URL,建議已經安裝了此插件的朋友使用此方法,這樣還可以減少一個插件安裝。

3 、在七牛雲存儲國內免費 CDN 加速文章中,部落已經分享了七牛鏡像存儲 WordPress 插件,這次再來分享一個 cuelog 博主開發的七牛雲儲存插件。

4 、七牛雲儲存插件下載:http://cuelog.qiniudn.com/qiniu-cloud-for-WordPress.zip,插件更新請關注:http://cuelog.com/archives/51.html

5 、安裝此插件前,請先上傳一個命名為 qiniu_test.jpg 的圖片到七牛中,當作插件驗證之用。

WordPress上傳驗證圖片

6 、到用户管理中心獲取帳號的密匙 Access Key 和 Sceret Key 。

WordPress獲取密鑰

7 、然後就是到 WordPress 安裝七牛雲儲存插件並啓用,填寫域名、空間名稱、密鑰等,一般建議上傳的圖片同時保存一份在本地,為以後的恢復之用。 (點擊放大)

WordPress填寫插件設置

8 、初次使用 WordPress 七牛雲儲存插件,可以檢查一遍本地的文件,等文件上傳完成後,就可以點擊 「將本地 URL 轉為七牛 URL」 。

WordPress檢查本地文件

9 、插件會自動掃描本地沒有上傳到七牛服務器的圖片,然後你就可以一鍵點擊上傳了。

WordPress一鍵上傳

10 、如果以後你不想要用七牛的圖片 CDN 後,可以在插件後台點擊 「恢復本地 URL」,這樣圖片的 URL 就換成你自己的服務器的了。

WordPress恢復本地URL

四、 WordPress 使用又拍雲存儲給圖片 CDN 加速

1 、又拍雲存儲的 CDN 管理中心功能要比七牛的好一些,域名防盜鏈、禁止和開啓外鏈狀態等都可以一鍵設置。

又拍雲存儲防盜鏈

2 、又拍雲存儲還有專門針對圖片生成縮略圖的功能,我不知道這個對有些 WordPress 博客是不是有用處。

又拍雲存儲縮略圖片

3 、昨天上午還有朋友問我怎麼將自己的圖片同步到了又拍雲存儲服務器中,其實這個問題我也問過又拍的客服。

4 、很可惜,目前還沒有找到一個可以自動同步本地上傳的圖片到又拍服務器同時又保留本地圖片文件的又拍 WordPress 插件,我只能採取最原始的辦法:FTP 上傳。

又拍雲存儲使用FTP上傳

五、七牛雲存儲、又拍雲存儲流量統計與計費對比

1 、七牛雲存儲的計費分為了三部分:存儲空間、流量和數據請求,存儲空間如果純粹是圖片的話,一般不會超過 1GB,數據請求的 Get 是 100 萬 1 塊錢。 (點擊放大)

七牛雲存儲計費

2 、所以,七牛雲存儲的費用主要的部分還是來自流量,現在的價格是 0.5 元/GB, 一個月是 100GB 流量的話,就是 50 元。這是部落某一段時間在七牛的 CDN 統計數據。

七牛的CDN數據統計

3 、又拍雲存儲的計費價格分了兩部分:存儲空間和流量。存儲空間的價格比較便宜,所以可以忽略,費用最主要的來源還是流量,這是部落某一段時間在又拍的數據統計。

又拍雲存儲數據統計

4 、以一個月 100GB 的流量來計算的話,在又拍要花費 100 元。

又拍雲存儲購買流量

六、圖片文件 CDN 加速方法小結

1 、本篇文章的 WordPress 七牛雲儲存插件不能自動上傳 JS 、 CSS 等文件,只能是上傳 upload 文件夾的圖片,一些生成的縮略圖片可能不能直接上傳到七牛雲存儲服務器中。

2 、目前可能是七牛雲存儲採取的免費+付費的推廣策略收到實效,圖片的 CDN 節點下載速度有些不穩定,希望以後可以穩定下來。而又拍如果能夠在價格有更大彈性就更好了。

文章出自:免費資源部落 http://www.freehao123.com/ 版權所有。本站文章除註明出處外,皆為作者原創文章,可自由引用,但請註明來源。

您或許對下面這些文章有興趣:                    本月吐槽辛苦排行榜

  • 使用 SaFly.ORG 的 SaFly Request Test 服務增強 WordPress 網站的安全性
  • 國外優秀網站模板平台 Themeforest 付費 WordPress 主題購買下載安裝方法
  • UPYUN 又拍雲動態 CDN 和靜態 CDN 加速支持自定義域名 Https 和圖片處理
  • 國內網站下載存儲服務使用對比:騰訊雲 COS, 阿里雲 OSS, 七牛雲存儲
  • WordPress 優化:查詢百度收錄, 自動同步微博帶圖片, 年月日排名讀者牆
  • WordPress 性能優化加速五大方法:PHP,MysqL 優化和評論, 圖片靜態文件加速
  • Discuz 論壇使用七牛, 又拍, 阿里雲 OSS CDN 加速:CSS,JS, 圖片, 論壇附件
  • WordPress 同步更新到新浪微博和 WordPress 連接微信同步文章內容

§

很多人會在一些比較有個性化的網站或者個人空間上看到網站頁面右上角會有一個動態翻頁的效果,只要鼠標一移動上去就會翻出下一頁出來。感覺就像是翻開一本的頁角後看到了書本中的精彩內容一樣,很容易就可以吸引訪問者的眼球。

如果你的博客或者空間是以文字為主的話,免費資源部落推薦你的試試 Pageear 插件,利用 Pageear 插件製作出來的翻頁效果可以很好地彌補你的文字方面吸引力不足的劣勢。另外如果你的網站流量比較大的話,完全可以利用翻頁效果來吸引更多的廣告點擊量。

Pageear 插件的使用方法與技巧

1 、首先下載 Pageear 插件,上傳安裝到 WordPress 的 wp-content/plugins/目錄下,並激活它。

下載地址:http://www.webpicasso.de/blog/pageear-free-peel-away-ad/

2 、進入 WordPress 博客管理後台,點擊 「插件」 選項,再點擊 「Pageear-config」,進入 Pageear 插件設置頁面了。如下圖:

使用Pageear插件為WordPress博客製作頁角翻頁效果教程

3 、進入了 Pageear config 頁面後,下面是各個選項的詳細設置解釋説明。

Mirror image,表示在翻頁時候是否出現鏡子一樣的效果。選擇是的話,出現的效果如下圖:

Pageear Mirror image設置

Fade in pageear if image completly loaded (off, 1=slow, 5=fast),這是翻頁效果加載完成後回收的速度。選擇 1 的話最慢,5 是最快的。

Movement speed of small pageear,這是表示小翻頁出現的速度,選擇 1 的話最快,4 是最慢的。

Color of pagecorner in RGB (e.g. white=ffffff,black=000000),用來設置卷角鏡子的顏色值,如果是 ffffff 話,效果如下圖:

Pageear 翻頁顏色設置

URL to open on pageear click 設定點擊卷角的超級鏈接,例如你可以改成:http://www.freehao123.com,這樣有人點擊翻頁後就會進入免費資源部落的網站了。

Browser target (new) or self (self) 打開鏈接是在新窗口中打開還是在本窗口中打開。

Opens pageear automaticly in x seconds 這個是自動開啓卷角的時間,設置越少,開啓翻頁效果的速度也就越快。不過,用的時候免費資源部落覺得有點兒嚇人,因為訪問者不需要用鼠標移動到卷角時,就會自動在幾秒內開啓翻頁效果。

Seconds until pageear close after openOnLoad 打開卷角翻頁時在多少稱內自動關閉,即使訪問者的鼠標仍然放在上面。

Set direction of pageear in left or right top browser corner (lt: left | rt: right ) 將翻頁效果放在左邊還是在右邊。放在左邊的話效果如下圖:

Pageear 翻頁效果左邊位置

放在右邊的話效果如下圖:

Pageear 翻頁效果右邊位置

Small pageear image 、 Big pageear image 改變要翻頁卷角的圖片顯示,也可以直接在 WordPresswp-contentpluginspageear 文件夾替換兩個圖片:pageear_b.jpg 、 pageear_s.jpg,具體方法可以看下圖:

Pageear 替換翻頁圖像

Resize images to correct width 自動調整圖片的寬度。

所有的設置完成記得點擊 「save config」 按鈕,你的 WordPress 博客的頁角翻頁效果就可以生效了。

文章出自:免費資源部落 www.freehao123.com  轉載請註明出處. 

您或許對下面這些文章有興趣:                    本月吐槽辛苦排行榜