js css檔案壓縮

2021-07-02 01:24:56 字數 740 閱讀 2724

當專案需要提交至外網環境時,可將js和css進行壓縮,以提高頁面的載入速度。

進行js css壓縮有多種方式 :

1 .node.js進行壓縮

注:此方法未使用過

2 .nginx的gzip模組進行壓縮

注:詳細配置

在http模組新增如下幾段**即可。

gzip on;  

//開啟gzip

gzip_min_length 1k;  

//設定最小大小,闕值

gzip_buffers 4 16k;  

//設定緩衝大小

#gzip_http_version 1.0; //使用http協議版本

gzip_comp_level 2;  

//壓縮等級

gzip_vary off;  

gzip_disable "msie [1-6]\.";  

//設定當瀏覽器為ie6時,則不使用gzip壓縮功能。

3.直接使用開源中國提供的功能 :

注: "tool.oschina.net"

此方法操作起來有些繁雜,即將本地寫好的js或css** ,通過此**提供的js、css壓縮功能壓縮後再重新

將壓縮後的複製到乙個新的資料夾下。此時這個新的檔案就是壓縮後的檔案大小,相比之前的區別在於它的文 

件大小較之前的檔案大小 小了許多。。。比如本來是10k的檔案,現在只剩下5k或者更小。

。。。當然還有其他的方法,在此處不作闡述。

使用grunt合併壓縮js css檔案

需要了解的知識 1 nodejs的安裝與命令列使用 2 nodejs安裝應用 3 grunt的初步了解 本文已假定讀者已經熟悉以上知識。好,我們繼續 任務1 將src目錄下的所有zepto及外掛程式合併,並壓縮。src ajax.js assets.js callbacks.js data.js d...

webpack樣式處理,以及js,css壓縮

1.在配置中新增module module css loader css loader import 解析路徑 less loader less css 2.將樣式抽離成乙個單獨的檔案 抽離css外掛程式 mini css extract plugin let path require path 自...

gulp專案案例 js css壓縮並新增MD5戳

使用gulp要結合當前的專案架構做一定的處理,以實現自己想要的效果。專案目錄大概 liblar ui page folder1 index.css index.html index.js folder2 index.css index.html index.js gulpfile.js 先羅列一下使...