博客鏈接:zjlbog Gzip概念 HTTP協議上的GZIP編碼是一種用來改進WEB應用程序性能的技術。大流量的WEB站點常常使用GZIP壓縮技術來讓用戶感受更快的速度。這一般是指WWW服務器中安裝的一個功能，當有人來訪問這個服務器中的網站時，服務器中的這個功能就將網頁內容壓縮后傳 ...

gzip壓縮啟用不啟用還是要看實際情況的,啟用gzip后可以相應的減輕帶寬壓力但是同時也會增加cpu的壓力(壓縮解壓),相反的如果不啟用那么cpu壓力也會相應的減少,具體情況具體分析. Linux開啟gzip很簡單 找到tomcat下conf目錄 編輯server.xml文件 vim ...

前言 網站設計的優化是一個很大的話題,有一些通用的原則,也有針對不同開發平台的一些建議。這方面的研究一直沒有停止過，我在不同的場合也分享過這樣的話題。 作為通用的原則，雅虎的工程師團隊曾經給出過35個最佳實踐。這個列表請參考 Best Practices for Speeding Up ...

　　這一次，我總結和分享一項大型網站優化技術，那就是在項目中自動壓縮靜態資源文件（css、js），並讓網站自動加載壓縮后的資源文件。當然，這項技術在雅虎35條前端優化建議里也有記載，但它那只是給出一個理論的方案而已，並且采用的是外部壓縮工具去壓縮，而在我的項目中，是直接通過自己的程序自動化去壓縮 ...

1、文件合並（目的是減少http請求） 2、文件壓縮（目的是直接減少文件下載的體積） 3、使用cdn托管資源 4、使用緩存 5、gizp壓縮你的js和css文件 6、meta標簽優化（title,description,keywords）、heading標簽的優化、alt優化 7、反向 ...

1.文件合並（目的是減少http請求）：使用css sprites合並圖片，一個網站經常使用小圖標和小圖片進行美化，但是很遺憾這些小圖片占用了大量的HTTP請求，因此可以采用sprites的方式把所有的圖片合並成一張圖片 ，可以通過相關工具在線合並，也可以在ps中合並。 2.使用CDN（內容分發 ...

webpack打包時，會根據webpack.config.js 中url-loader中設置的limit大小來對圖片進行處理，小於limit的圖片轉化成base64格式，其余的不做操作。對於比較大的圖片我們可以用image-webpack-loader 來壓縮 ...

前言 網站設計的優化是一個很大的話題,有一些通用的原則,也有針對不同開發平台的一些建議。這方面的研究一直沒有停止過，我在不同的場合也分享過這樣的話題。 作為通用的原則，雅虎的工程師團隊曾經給出過35個最佳實踐。這個列表請參考 Best Practices for Speeding Up ...