php開源系統-使用Minify來優化網站性能

原創

2020-02-21 05:01

1 對php網站進行了搭建，並完成一些對圖片上傳的基本功能，服務器數據庫的操作等等
2 完成首個jquery 框架中靜態模板中加入實際的函數範例；
並瞭解和掌握了 sizzle.js 框架的使用流程和機制；併成功的在本地apache服務器站點上進行引用實驗，實現自我構建
sizzle.js 應用的一兩個範例。對sizzle.js加深了理解。
明天計劃對sizzle.js 進行應用熟練，並掌握複雜的功能；

學會用chrome 分析性能，amd模式。

http://www.cnblogs.com/huangxincheng/archive/2011/12/04/2275988.html

http://www.dojocn.org/home.php?mod=space&uid=3&do=blog&id=11

Minify 是用PHP5開發的應用，通過遵循一些Yahoo的優化規則來提高網站的性能。它會合並多個CSS或者JavaScript文件，移除一些不必要的空格和註釋，進行gzip壓縮，並且會設置瀏覽器的緩存頭。本文本文主要介紹Minify來優化網站性能。

　　Minify 是用PHP5開發的應用，通過遵循一些Yahoo的優化規則來提高網站的性能。它會合並多個CSS或者JavaScript文件，移除一些不必要的空格和註釋，進行gzip壓縮，並且會設置瀏覽器的緩存頭。Minify 在設計上和Yahoo的 Combo Handler Service非常像，不過Minify可以合併任何你想要合併的JavaScript和CSS文件。

　　一般情況下，網站速度的瓶頸都在前端，而最關鍵的就是資源的加載速度，但是大多數瀏覽器都有單個域名併發請求數限制，所以如果一個頁面中存在很多的資源，比如CSS和JavaScript文件，那麼明顯會降低網站的加載速度，比較好處理方式就是把多個文件通過一個請求來訪問，這樣既不會影響之前的文件維護，又會減少資源的清楚數量，Minify就是爲之而生。

　　下面兩幅圖分別是啓用Minify之前和啓用Minify之後網站請求時間的一個對比，可以看出啓用Minify之後，資源的加載時間從250ms減少到了125ms，總共節省了50%的時間。

　　

　　特性：

　　合併多個CSS或JavaScript文件爲一個文件，減少請求數量，並且進行minify處理

　　使用了多個開源的庫，包括 JSMin.php ，Minify CSS，Minify HTML

　　服務端緩存（fils/APC/Memcache），可以避免不必要的重複處理

　　當瀏覽器存在資源的緩存，返回HTTP 304 Not Modified

　　多個文件合併時，自動生成URI

　　當開啓服務端緩存的時候，在一般的服務器上Minify每秒可以處理幾百個併發請求

　　根據請求頭，開啓Content-Encoding： gzip。在服務端緩存開啓的情況下，Minify提供gzipped 文件速度比Apache’s mod_deflate模塊要快

　　安裝

　　下載最新的Minify(http://code.google.com/p/minify/downloads/list)，然後解壓文件到”min” 文件夾

　　Copy “min” 文件夾到自己網站的DOCUMENT_ROOT下，如果想要Minify在子目錄下工作，看這裏

　　使用

　　假設網站域名是http://example.com，Minify安裝在了虛擬主機的根目錄下，那麼訪問http://example.com/min/，我們會看到一個“Minify URI Builder”，我們可以輸入需要進行合併的文件URI，如下

　　

　　點擊Update之後，系統會自動生成一個合併後的URI：/min/?b=js&f=jquery-a.js,jquery-b.js,jquery-c.js。如果覺得URI太長，可以通過配置文件來指定group，編輯min目錄下的groupsConfig.php文件，加入以下內容：

　　return array( 'js' => array('//js/jquery-a.js', '//js/jquery-b.js', '//js/jquery-c.js'),//相對於DOCUMENT_ROOT );

　　之後就可以通過/min/?g=js來訪問了

　　

　　Minify在資源首次被請求的時候，會對多個文件進行合併，gzip，去除空格，註釋等處理，然後會把處理的結果進行緩存，默認情況下是進行文件緩存，緩存的key以minify_開頭，修改min/config.php文件，配置緩存文件存放的位置：

　　$min_cachePath = '/tmp';

　　

　　