首頁 > php教程 > PHP开发 > 主體

Windows下使用apache模組實作合併多個js、css提高網頁載入速度

高洛峰
發布: 2017-01-04 10:39:31
原創
1082 人瀏覽過

現在的網站表現力越來越豐富,頁面載入的js和css自然也越來越多。當網站頁面上的js和css太多,瀏覽器開啟頁面的速度就會很慢,明顯降低了使用者的體驗。使用mod_concatx, 可以合併多個檔案在一個http回應封包中,可以有效提高js/css的載入速度。

範例效果如下:

Windows下使用apache模組實作合併多個js、css提高網頁載入速度

mod_concatx模組是在mod_concat基礎上修改的,感謝他們的工作。

原有的mod_concat模組有很大的參考價值,但實際作用不大。

該模組有以下三個問題:

1、每次都會重新向客戶端發數據,沒有合理利用瀏覽器快取
2、存在安全漏洞,導致服務端程式被下載,例如"/??jquery .js,common.php"
3、合併每個檔案時中間沒間隔,導致內容黏連在一起,可能造成錯誤

使用方法:

<link href="/style/??css1.css,css2.css,css3.css" type="text/css" rel="stylesheet"/>
<script src="/js/??js1.js,js2.js,js3.js,js4.js" type="text/javascript"></script>
登入後複製

模組設定:

開啟apache設定檔httpd.conf

LoadModule concatx_module modules/mod_concatx.dll
登入後複製

進階配置:(以下是預設配置,可以不配置)

<IfModule concatx_module>
ConcatxDisable Off
ConcatxCheckModified On
ConcatxSeparator On
ConcatxMaxSize 1024
ConcatxMaxCount 10
ConcatxFileType js,css
</IfModule>
登入後複製

詳細說明:

ConcatxDisable On/Off
//是否使用mod_concatx模块
ConcatxCheckModified On/Off
//检查文件是否改动,建议On
ConcatxSeparator On/Off
//合并文件时是否加换行分隔,建议On
ConcatxMaxSize 数字
//合并文件总大小限制最大值,建议不要太大
ConcatxMaxCount 数字
//合并文件总个数限制最大值,建议不要太大
ConcatxFileType js,css
//合并文件类型限制,如不限制填","
登入後複製

最後語:
建議自己編譯這個模組,安全放心

後期改進方向:
todo:考慮加入js,csscss
todo:考慮支援zend解析後的檔案
bug:目錄存在預設頁載入異常(考慮上層hook處理)


更多Windows下使用apache模組實現合併多個js、css提高網頁載入速度相關文章請關注PHP中文網!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板