中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

教你壓縮javascript代碼和css代碼

2023-05-18    分類: 網(wǎng)站建設(shè)

成都創(chuàng)新互聯(lián)告訴您如何壓縮你的JS和CSS代碼:
壓縮js和css代碼可以提高瀏覽者訪問網(wǎng)站的速度,從而增加用戶體驗(yàn)度,那么如何壓縮javascript和css代碼呢?
減小代碼在傳輸中的大小,就能提高頁面的傳輸速度,打開網(wǎng)頁也就快了。

使用Apache2的mod_deflate模塊來壓縮頁面,但這需要在Apache中加載這個(gè)模塊才行,需要我們打開apache中的打開mod_deflate。

mod_deflate模塊提供了DEFLATE輸出過濾器,允許服務(wù)器在將輸出內(nèi)容發(fā)送到客戶端以前進(jìn)行壓縮(應(yīng)該也是采用gzip數(shù)據(jù)格式壓縮,deflate是一種壓縮算法)以節(jié)約帶寬。Apache2已經(jīng)內(nèi)置了mod_deflate模塊。Apache 1.3.x時(shí)代使用mod_gzip模塊來實(shí)現(xiàn)

那么對(duì)于沒有開啟mod_deflate模塊的主機(jī)或者服務(wù)器來說,我建議您采用ob_gzhandler函數(shù)來壓縮了,它的壓縮效果和mod_deflate相比,相差很小,幾乎可以忽略

而WordPress默認(rèn)的gzip壓縮功能是通過ob_gzhandler這個(gè)函數(shù)來實(shí)現(xiàn)的,ob_gzhandler是php 4.0.4新增的一個(gè)輸出緩存函數(shù),并通過gzip壓縮后發(fā)送到客戶端。這個(gè)函數(shù)需要zlib庫支持,一般的虛擬主機(jī)都安裝有這個(gè)庫,所以很多blog都使用這個(gè)方法來實(shí)現(xiàn)對(duì)php頁面的壓縮。

使用ob_gzhandler函數(shù)有3種方法讓它對(duì)php進(jìn)行壓縮:
1、在php.ini中設(shè)置output_handler = ob_gzhandler
2、在.htaccess中加入php_value output_handler ob_gzhandler
3、在php文件頭加上ob_start('ob_gzhandler');

先進(jìn)種我們是沒法辦到,第二種方法不錯(cuò),可以一勞永逸,一、二種方法效果都一樣,就是對(duì)所有php后綴文件進(jìn)行壓縮。我這里主要介紹一下第三種方法,參考“How To: Optimize Your CSS Even More”。

例如對(duì)模板下的style.css進(jìn)行壓縮

1、把模板目錄下的style.css復(fù)制一份出來,命名為style.css.php

接著在style.css.php頂部加入這句:

< ?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
在后加上

< ?php if(extension_loaded('zlib')) {ob_end_flush();} ?>
(復(fù)制的時(shí)候去掉?php前的空格)

2、按照下面的方式修改header.php中的css連接

原來的:


修改后的:


搞定,現(xiàn)在你的CSS就可以被gzip壓縮了。

JS也可以使用同樣的方法,只是在xx.js.php頭部加入的應(yīng)該是這樣:

< ?php if ( extension_loaded('zlib') ) {ob_start('ob_gzhandler');} header("Content-Type: text/javascript"); ?>
(復(fù)制的時(shí)候去掉?php前的空格)

仔細(xì)看看K2主題的中的JS,就是修改后綴為php后在頂部加入了ob_gzhandler函數(shù)。

用這種方法,我把50多K的prototype.js和13K的style.css壓縮了,現(xiàn)在用Web Page Analyzer測試我的首頁,JS大小從88,553b減小到了45,852b,CSS從17,626b減小到了7,193b。

本文題目:教你壓縮javascript代碼和css代碼
分享地址:http://www.rwnh.cn/news/259806.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化品牌網(wǎng)站制作、網(wǎng)站制作、面包屑導(dǎo)航域名注冊

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)
神木县| 齐河县| 习水县| 北辰区| 邯郸市| 沧源| 安福县| 新丰县| 剑川县| 兴和县| 深圳市| 彩票| 迁安市| 木兰县| 贡觉县| 武陟县| 郓城县| 开远市| 图片| 乐亭县| 淄博市| 石河子市| 汉沽区| 西青区| 澜沧| 黔南| 工布江达县| 望谟县| 兴隆县| 呼图壁县| 顺平县| 平定县| 交口县| 永兴县| 尚义县| 博客| 盐山县| 永吉县| 昌宁县| 无棣县| 四会市|