壓縮靜態(tài)資源減少帶寬傳輸?shù)姆绞?/h1>

上一篇 <<<高并發(fā)情況下,接口的代碼會存在哪些問題
下一篇 >>>動靜分離架構(gòu)模式


1.人工在線壓縮

css/js/img實現(xiàn)壓縮地址:http://tool.oschina.net/jscompress/

2.Maven自動打包壓縮蒂阱,生成min文件

<!-- 構(gòu)建相關(guān)配置 -->
    <build>
        <!-- maven插件配置 -->
        <plugins>
            <plugin>
                <!-- YUI Compressor Maven壓縮插件 -->
                <groupId>net.alchim31.maven</groupId>
                <artifactId>yuicompressor-maven-plugin</artifactId>
                <version>1.3.0</version>
                <configuration>
                    <!-- 讀取js,css文件采用UTF-8編碼 -->
                    <encoding>UTF-8</encoding>
                    <!-- 不顯示js可能的錯誤 -->
                    <jswarn>false</jswarn>
                    <!-- 若存在已壓縮的文件,會先對比源文件是否有改動闲勺。有改動便壓縮,無改動就不壓縮 -->
                    <force>false</force>
                    <!-- 在指定的列號后插入新行 -->
                    <linebreakpos>-1</linebreakpos>
                    <!-- 壓縮之前先執(zhí)行聚合文件操作 -->
                    <preProcessAggregates>true</preProcessAggregates>
                    <!-- 壓縮后保存文件后綴 -->
                    <suffix>.min</suffix>
                    <!-- 源目錄,即需壓縮的根目錄 -->
                    <sourceDirectory>${basedir}/mobile</sourceDirectory>
                    <!-- 壓縮js和css文件 -->
                    <includes>
                        <include>**/*.js</include>
                        <include>**/*.css</include>
                    </includes>
                    <!-- 以下目錄和文件不會被壓縮 -->
                    <excludes>
                        <exclude>**/*.min.js</exclude>
                        <exclude>**/*.min.css</exclude>
                        <exclude>scripts/data/*.js</exclude>
                    </excludes>

                </configuration>
            </plugin>
        </plugins>
    </build>

使用:mvn yuicompressor:compress
壓縮完后讯屈,會生成min文件绑蔫,去除了注釋空格換行等


3.Nginx自帶的壓縮

server {
        listen       8888;
        server_name  www.jarye.cn
        gzip on;
        gzip_buffers 32 4K;
        gzip_comp_level 6;
        gzip_min_length 100;
        gzip_types application/javascript text/css text/xml;
        gzip_disable "MSIE [1-6]\."; #配置禁用gzip條件运沦,支持正則。此處表示ie6及以下不啟用gzip(因為ie低版本不支持)
        gzip_vary on;
        location / {
            proxy_pass   http://localhost:9091/;
            index  index.html index.htm;
        }
}

gzip配置的常用參數(shù)
gzip on|off;  #是否開啟gzip
gzip_buffers 32 4K| 16 8K #緩沖(壓縮在內(nèi)存中緩沖幾塊? 每塊多大?)
gzip_comp_level [1-9] #推薦6 壓縮級別(級別越高,壓的越小,越浪費CPU計算資源)
gzip_disable #正則匹配UA 什么樣的Uri不進行g(shù)zip
gzip_min_length 200 # 開始壓縮的最小長度(再小就不要壓縮了,意義不在)
gzip_http_version 1.0|1.1 # 開始壓縮的http協(xié)議版本(可以不設(shè)置,目前幾乎全是1.1協(xié)議)
gzip_proxied          # 設(shè)置請求者代理服務(wù)器,該如何緩存內(nèi)容
gzip_types text/plain application/xml # 對哪些類型的文件用壓縮 如txt,xml,html ,css
gzip_vary on|off  # 是否傳輸gzip壓縮標(biāo)志

4.各種壓縮方式的區(qū)別

傳統(tǒng)的壓縮方案:實際上對注釋配深、空格去除携添、換成一行;
nginx壓縮方案:將重復(fù)性比較高的function等關(guān)鍵字設(shè)置長度較小的字典(a篓叶、b之類的)烈掠,缺點是壓縮非常的耗CPU資源。
如果圖片壓縮不清晰缸托,可以使用分段組裝向叉,一張大圖切割為多長小圖,相當(dāng)于多線程請求服務(wù)端嗦董,速度會快很多母谎。


推薦閱讀:
<<<高并發(fā)架構(gòu)的整體思路
<<<一個網(wǎng)站訪問慢的真正原因
<<<高并發(fā)情況下,接口的代碼會存在哪些問題
<<<動靜分離架構(gòu)模式
<<<緩存策略匯總
<<<后端服務(wù)的雪崩效應(yīng)及解決思路
<<<服務(wù)的隔離京革、降級和熔斷
<<<服務(wù)限流之計數(shù)器方式
<<<服務(wù)限流之滑動窗口計數(shù)
<<<服務(wù)限流之令牌桶算法
<<<服務(wù)限流之漏桶算法
<<<漏桶算法和令牌桶算法的區(qū)別
<<<自定義封裝限流算法
<<<應(yīng)用級限流
<<<接入層限流

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

  • 序言:七十年代末奇唤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子匹摇,更是在濱河造成了極大的恐慌咬扇,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件廊勃,死亡現(xiàn)場離奇詭異懈贺,居然都是意外死亡,警方通過查閱死者的電腦和手機坡垫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進店門梭灿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人冰悠,你說我怎么就攤上這事堡妒。” “怎么了溉卓?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵皮迟,是天一觀的道長搬泥。 經(jīng)常有香客問我,道長伏尼,這世上最難降的妖魔是什么忿檩? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮爆阶,結(jié)果婚禮上燥透,老公的妹妹穿的比我還像新娘。我一直安慰自己扰她,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布芭碍。 她就那樣靜靜地躺著徒役,像睡著了一般。 火紅的嫁衣襯著肌膚如雪窖壕。 梳的紋絲不亂的頭發(fā)上忧勿,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天,我揣著相機與錄音瞻讽,去河邊找鬼鸳吸。 笑死,一個胖子當(dāng)著我的面吹牛速勇,可吹牛的內(nèi)容都是我干的晌砾。 我是一名探鬼主播,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼烦磁,長吁一口氣:“原來是場噩夢啊……” “哼养匈!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起都伪,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤呕乎,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后陨晶,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體猬仁,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年先誉,在試婚紗的時候發(fā)現(xiàn)自己被綠了湿刽。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡褐耳,死狀恐怖叭爱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情漱病,我是刑警寧澤买雾,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布把曼,位于F島的核電站,受9級特大地震影響漓穿,放射性物質(zhì)發(fā)生泄漏嗤军。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一晃危、第九天 我趴在偏房一處隱蔽的房頂上張望叙赚。 院中可真熱鬧,春花似錦僚饭、人聲如沸震叮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽苇瓣。三九已至,卻和暖如春偿乖,著一層夾襖步出監(jiān)牢的瞬間击罪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工贪薪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留媳禁,地道東北人。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓画切,卻偏偏與公主長得像竣稽,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子霍弹,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,509評論 2 348

推薦閱讀更多精彩內(nèi)容