JsCssZip是一款js/css壓縮工具，他可以幫助用戶去壓縮JS文件和CSS文件的體積，而且壓縮后并不會(huì)影響這些文件的運(yùn)行效果，同時(shí)還可以提升頁面的打開速度，因此這個(gè)功能可以有效應(yīng)對(duì)百度的3秒死的概念，防止自己的頁面被百度判斷為來及頁面。

操作說明

1、打開js/css文件存放目錄

2、點(diǎn)擊加載，自動(dòng)加載文件夾下所有js、css文件

3、點(diǎn)擊壓縮，快速完成任務(wù)

如何在響應(yīng)式設(shè)計(jì)中優(yōu)化CSS提高前端性能

1、將CSS寫在網(wǎng)頁頭部。CSS文件放到文檔頭部(及外部調(diào)用文件)會(huì)讓網(wǎng)頁加載更快，因?yàn)樗鼈兪强梢员痪彺娴摹Ｒ猛獠繕邮揭部梢宰岉撁嬷饾u加載。 如果把樣式表放到文件里面或者文件尾部它會(huì)阻止頁面元素的逐漸顯示，并且還會(huì)導(dǎo)致頁面內(nèi)容以沒有樣式的形式顯示出來，待完全加載樣式后，頁面重繪，影響用戶體驗(yàn)。

2、盡量避免在HTML標(biāo)簽中寫Style屬性。CSS (Cascading Style Sheets) 通常存儲(chǔ)在樣式表中，使用外部樣式表是為了解決內(nèi)容與表現(xiàn)分離的問題，從而極大提高工作效率，減少代碼冗余。

3、避免CSS表達(dá)式。CSS Expression (CSS 表達(dá)式)，是一種使用動(dòng)態(tài)設(shè)置 CSS 屬性的方式。其實(shí) CSS 表達(dá)式非常強(qiáng)大，我們可以使用 它實(shí)現(xiàn) min-width 屬性以及隔行換色，模擬偽類等等;在你改變窗口大小，滾動(dòng)頁面甚至移動(dòng)鼠標(biāo)都會(huì)觸發(fā)表達(dá)式進(jìn)行求值，如此頻繁的求值以至于瀏覽器的性能產(chǎn)生嚴(yán)重的影響。所以為了網(wǎng)頁速度和瀏覽器負(fù)擔(dān)，盡可能避免css表達(dá)式。

4、移除空的CSS規(guī)則?？盏腸ss規(guī)則指的是該規(guī)則不包含任何屬性，如：.clear{}?？盏腃SS規(guī)則增加了CSS文件的大小，而且會(huì)影響CSS樹的執(zhí)行，所以需清除空的CSS規(guī)則。

5、正確使用Display的屬性。CSS display屬性基本上有inline，block，和none三個(gè)屬性值。inline將他所定義的元素顯示為行元素。如strong，input，span默認(rèn)元素為行元素。block元素是塊級(jí)元素，會(huì)使前后元素產(chǎn)生換行效果。hn和p元素默認(rèn)情況為塊級(jí)元素。none，意思是不顯示元素。

更新日志

1.修復(fù)已知bug