在匯仁智杰曾經(jīng)的文章中為大家分享了一些Web前端優(yōu)化的知識，而今天我們也是繼續(xù)跟大家分享Web前端優(yōu)化知識，只不過今天我們住喲啊從兩點(diǎn)來說一個是圖片的處理，一個是Cookie的大小。

　　壓縮圖片和使用圖片Spirit技術(shù)

　　基本原理：

　　注：其實壓縮圖片和圖片精靈是兩個方面的技術(shù)，可是既然都是關(guān)于圖片的優(yōu)化還是放到一塊吧。

　　現(xiàn)在由于工作的細(xì)分，專業(yè)的前端工程師已經(jīng)少有機(jī)會去切圖了，可是關(guān)于圖片壓縮還是得略微了解，一般圖片壓縮的方式有：
　　1、縮小圖片分辨率；
　　2、改變圖片格式；
　　3、降低圖片保存質(zhì)量。

　　關(guān)于圖片精靈(Spirit)技術(shù)就和我們工作直接相關(guān)，不管是在CSS中的圖片還是在HTML結(jié)構(gòu)中的圖片都會產(chǎn)生HTTP請求，前端優(yōu)化的第一條就是減少請求數(shù)，最直接有效的方法是使用圖片精靈(CSS Spirit)。圖片精靈就是把許多圖片放到一張大圖片里面，通過CSS來顯示圖片的一部分。

　　至于圖片精靈的操作細(xì)節(jié)就不多做介紹了，網(wǎng)上相關(guān)內(nèi)容很多。

　　注意控制Cookie大小和污染

　　基本原理和使用方法：

　　有關(guān)Cookie的基礎(chǔ)和高級知識可以去看本人寫過的一篇文章《JavaScript 操作 Cookie》。
　　因為Cookie是本地的磁盤文件，每次瀏覽器都會去讀取相應(yīng)的Cookie，所以建議去除不必要的Coockie，使Coockie體積盡量小以減少對用戶響應(yīng)的影響；
　　使用Cookie跨域操作時注意在適應(yīng)級別的域名上設(shè)置coockie以便使子域名不受其影響
　　Cookie是有生命周期的，所以請注意設(shè)置合理的過期時間，合理地Expire時間和不要過早去清除coockie，都會改善用戶的響應(yīng)時間。

　　以上就是Web前端優(yōu)化之圖片和Cookie全部的內(nèi)容，你懂了嗎？不懂也沒有關(guān)系歡迎關(guān)注匯仁智杰微信huirenzhijie跟我們一起交流。