這幾天都有一直都有個想法,要把工廠的風格改回之前的風格,也就是大家目前看到的樣式(請Ctrl+F5 強制整理把css更新)。在新舊風格比較之下,舊風格有舊風格的好,新風格也沒差哪裡去,只是新風格的產生是因為要節省流量而製作的(網頁調整一文),但是在更換新主機過後,我想或許舊風格跑起來應該也會順吧,於是就開始了舊風格回覆計畫。
(左-舊風格。右-新風格)
在我順利修改完成之後,之前的(網頁調整一文)問題並不會因此而消失啊,雖然說我的新主機CPU是快哩些,記憶體也比較大,但是頻寬還是維持一樣的。在此情形之下,我才想起網頁壓縮這麼一回事,這就是要大家原諒我愚蠢與無知的原因。舊風格的檔案比新風格大哩整整14KB,以上個月天瀏覽頁次20000來計算,換回舊風格我每天需求的流量多了273MB,這數字可不小,對我來說也是要考量的問題。
此時我才想起網頁壓縮一事,真覺得自己夠天兵哩。趕快去網路上趴文,修改方式主要是利用Apache的mod_deflate模組來達到網頁壓縮的效果。
當然要確認是否有Apache的mod_deflate模組
# grep mod_deflate httpd.conf
LoadModule deflate_module modules/mod_deflate.so
確認有哩之後再httpd.conf加入簡易的設定即可
<ifmodule mod_deflate.c>
DeflateCompressionLevel 9
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-httpd-php
AddOutputFilter DEFLATE js css
</ifmodule>
以上設定參照啟用Apache2 的mod_deflate來壓縮網頁提高傳輸效能一文。
我參照的相關文章:
。啟用Apache2 的mod_deflate來壓縮網頁提高傳輸效能
。Apache 2 mod_deflate Benchmark
。壓縮你的網頁 - mod_deflate/mod_gzip、ob_gzhandler、zlib
。啟用 Apache 壓縮功能 (mod_deflate module)
。使用Apache2的mod_deflate模块
。Apache2 使用 mod_deflate 增進傳輸效能
有壓縮的動作當然也會增加CPU的loading,但是對於小小的工廠來說還OK啦^^
# grep mod_deflate httpd.conf
LoadModule deflate_module modules/mod_deflate.so
確認有哩之後再httpd.conf加入簡易的設定即可
<ifmodule mod_deflate.c>
DeflateCompressionLevel 9
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-httpd-php
AddOutputFilter DEFLATE js css
</ifmodule>
以上設定參照啟用Apache2 的mod_deflate來壓縮網頁提高傳輸效能一文。
我參照的相關文章:
。啟用Apache2 的mod_deflate來壓縮網頁提高傳輸效能
。Apache 2 mod_deflate Benchmark
。壓縮你的網頁 - mod_deflate/mod_gzip、ob_gzhandler、zlib
。啟用 Apache 壓縮功能 (mod_deflate module)
。使用Apache2的mod_deflate模块
。Apache2 使用 mod_deflate 增進傳輸效能
有壓縮的動作當然也會增加CPU的loading,但是對於小小的工廠來說還OK啦^^
當然壓縮不是說著就算的,當然要有實際的數據來佐證壓縮的效果,不然怎樣樣正設定檔是否生效呢?Apache 2 mod_deflate Benchmark一文內有提及Log的設定方式,大家可以參閱看看。除哩Log檔的佐證外當然更需要數據化的證明,這時 Port80 Software 所提供的 Real-Time Compression Check 就是一個非常棒的測試工具。
點圖放大。左-壓縮前,右-壓縮後。
呼呼~之前沒有壓縮真的多耗哩相當多的頻寬,也讓大家忍受慢的煎熬,雖然不能保證壓縮過後就可以讓大家可以感覺變快哩啦,畢竟以上報表是理論值,但是畢竟我還是在傳輸上做哩調整,也可以將風格改回舊風格。
舊風格有邊框透明效果,網頁滑鼠滾輪時沒有那麼smooth,也請包容^^,可以直接拉捲軸比較順暢。