似乎性能優化永遠都是屬於門戶網站的事兒，與咱們小民無關？！
這種想法在網絡技術高速發展的今天，似乎有點落伍了。如果你是專業從事互聯網的技術人員，甚至是負責優化公司網站的專家，自己的小站也別忘記適當地優化一下.
好像只有雅虎的人平時談論這個問題比較多,是因爲雅虎發明了YSlow和一套檢驗網站性能的機制?如果你使用的是Firefox,可以安裝YSlow,來查看自己網站的性能,根據提示進行優化.總結一下,作爲個站,可以做的優化工作大概這麼幾個:
- 使用更少的HTTP請求;
- 使用CDN
- 把CSS放在頁面頂部(放<head>裏)
- 把JS放在頁面底部(緊跟着放</body>前就行)
這是最基本地,3,4條最容易做到.第1條,多半是由於你的blog皮膚樣式裏使用了很多圖片,建議採用CSS Sprites把像icon這類的小圖片合併在一個圖片裏,通過CSS控制背景位置來調用不同icon,這樣只需要發送一次HTTP請求,取一張圖片回來就搞定了.
這裏我主要來解決第2條–”使用CDN”的問題(先了解一下CDN是什麼).Google真是個好東西,總能提供一些很實用的服務.我的CDN就是利用Google App Engine來搭建的.首先做一些準備活動,需要安裝一些小程序到你的電腦上,配置一些文件,但這些工作只需要做一次,之後使用時只需要運行一下程序,就可以把文件同步到Google了.
簡單描述下工作原理.SVN用過吧?這個類似.
建立一個文件夾,裏面放你的文件和文件夾,修改一個配置文件,把裏面的application name改成你自己的.
通過Google App Engine SDK同步你的這個文件夾到Google服務器上.類似SVN的update或check in.
我是在Mac下工作的,先說說在Mac下怎麼做:
- Google App Engine是基於Python的,Mac和Linux的用戶不用裝,系統本身就支持.
- 下載Mac版的Google App Engine SDK並安裝,都使用默認安裝就可以了.
- 在appengine.google.com登錄.當然你要先有Google帳號,用你的Gmail帳號就行了,如果沒有註冊一個也不麻煩.
- 登錄以後,先點擊”Create an Application”創建一個application,並給它取個名字.它必須是唯一且沒被使用過的,所以我起的叫”b3insidecdn”,既不重複又好記.然後保存.第一次創建application時需要輸入你的手機號碼(形如:+8613800138000),用於接收Google發的確認短信,確認你是Google App Engine帳號的主人.同時也爲了防止spam,呵呵.
- 下載這個文件: http://b3insidecdn.appspot.com/files/b3insidecdn.zip,我把它解壓後放在”GoogleApp”的文件夾裏(當然,這個文件夾名隨便起).
- 用文本編輯器修改app.yaml.把”application:b3insidecdn”改成你自己的”application:<你的application名字>”並保存.這個配置用來告訴Google App Engine你要上傳的是哪些文件.
- 呼~ 現在把你要上傳的圖片, css, js, 甚至視頻放到你本地的這個文件夾中.我把圖片都放在/img裏,別的文件也放在子文件夾裏,方便管理,如/css/b3inside.com/style.css.
- 運行你安裝的GoogleAppEngineLauncher.app,然後”File”-”New Application”,按下圖填寫,端口不要用80,因爲你機器上還有Apache在跑.之後點”Create”創建即可.
![]( "new-application-setting")
- 上一步將SDK和你本地文件夾做好連接後,就大功告成了.以後把要上傳的文件放在你的文件夾裏,通過GoogleAppEngineLauncher把它們Deploy到Google上就行了.
- 好了,快去訪問一下你的CDN吧,看看它是否已經正常工作了.用這個地址:<你的應用名>.appspot.com/img/welcome.gif(我的是:b3insidecdn.appspot.com/img/logo_alpha.gif)
如果你是WIN用戶,大體做法和上面一樣,只是需要多安裝點東西,我把不同的地方簡單補充一下:
- 下載Python並安裝.任何目錄都可以.
- 下載Google App Engine SDK並安裝,安裝程序會自動檢測你機器上是否已經安裝了Python.
- 登錄appengine.google.com.
- 創建新應用.
- 下載文件 http://b3insidecdn.appspot.com/files/b3insidecdn.zip,作爲本地目錄參考.
- 編輯app.yaml文件,修改application的名字.
- 把要上傳的文件等放到這個文件夾中,待上傳.
- 下載這個自動比處理文件http://digitalisticcdn.appspot.com/files/deploy_digitalistic_cdn.bat,用文本編輯器修改一下,替換成你自己的Python路徑和Google App Engine安裝路徑(注意:路徑必須用引號包圍).需要同步你本地目錄時,只要運行這個文件就行了.
- 都配置好後,雙擊deploy_digitalistic_cdn.bat來把你的文件上傳部署到你自己的Google App Engine上.第一次運行需要輸入你的Google用戶名和密碼.
- 大功告成.測試你的CDN是否運轉正常的方法,和Mac版的一樣.
本文並不是對10 Easy Steps to use Google App Engine as your own CDN的簡單翻譯,使用CDN也只是網站優化內容之一,我們邁出的只是長征路上的第一步.
P.S.需要告訴你的YSlow, appspot.com是你的CDN服務器,所以需要做以下配置:
- 在Firefox地址欄裏輸入 about:config
- 右鍵–新建–字符串
- 字符串的名字:
extensions.firebug.yslow.cdnHostnames - 值就可以寫:appspot.com