資源合併與壓縮
1.WEB前端優化的核心概念以及意義
- 不同於C/S架構，用戶訪問時的軟件是訪問本地的包，B/S架構是將軟件包部署在服務器上， 當用戶訪問我們的程序時，瀏覽器纔會動態的，增量的去向服務器發起請求。因此，WEB前端的請求是一個動態的，增量的請求過程。在這個過程中，如果我們的資源更少，http請求更快，那麼我們的請求響應就會更快，用戶體驗就會更好。
2.HTTP請求的過程中的優化
*在瀏覽器層面，可以進行緩存，緩存請求頻率比較高的資源，減少對於DNS服務器的請求。
*帶寬層面，可以減少http請求的大小，同時將多次http請求合併成一次，減少對網絡信道的損耗
*dns可以通過緩存減少dns查詢的時間
*對於vue，ng這樣的框架，會在瀏覽器端對代碼進行解析，渲染，對於這樣的問題，可以使用框架進行ssr（服務端渲染）加快首屏渲染，減少首屏渲染的損耗以及瀏覽器的壓力
- 圖片和文件層面
- 使用雪碧圖
- 對於圖片使用image inline的方法將圖片信息內嵌到html頁面中，減少請求數量
- 對於代碼進行打包壓縮合並，減少對於文件的請求數量
3.壓縮與合併
*壓縮與合並可以減少http請求數量，同時也可以減少請求資源的大小
*html壓縮
*css壓縮
*js壓縮和混亂
*文件合併
*谷歌在每1MB的請求中減少1字節，每年可以節省流量近500TB，每年可以減少上億元的支出。
1.WEB前端優化的核心概念以及意義
- 不同於C/S架構，用戶訪問時的軟件是訪問本地的包，B/S架構是將軟件包部署在服務器上， 當用戶訪問我們的程序時，瀏覽器纔會動態的，增量的去向服務器發起請求。因此，WEB前端的請求是一個動態的，增量的請求過程。在這個過程中，如果我們的資源更少，http請求更快，那麼我們的請求響應就會更快，用戶體驗就會更好。
2.HTTP請求的過程中的優化
*在瀏覽器層面，可以進行緩存，緩存請求頻率比較高的資源，減少對於DNS服務器的請求。
*帶寬層面，可以減少http請求的大小，同時將多次http請求合併成一次，減少對網絡信道的損耗
*dns可以通過緩存減少dns查詢的時間
*對於vue，ng這樣的框架，會在瀏覽器端對代碼進行解析，渲染，對於這樣的問題，可以使用框架進行ssr（服務端渲染）加快首屏渲染，減少首屏渲染的損耗以及瀏覽器的壓力
- 圖片和文件層面
- 使用雪碧圖
- 對於圖片使用image inline的方法將圖片信息內嵌到html頁面中，減少請求數量
- 對於代碼進行打包壓縮合並，減少對於文件的請求數量
3.壓縮與合併
*壓縮與合並可以減少http請求數量，同時也可以減少請求資源的大小
*html壓縮
*css壓縮
*js壓縮和混亂
*文件合併
*谷歌在每1MB的請求中減少1字節，每年可以節省流量近500TB，每年可以減少上億元的支出。