在匯仁智杰曾經的文章中為大家分享了一些Web前端優化的知識，而今天我們也是繼續跟大家分享Web前端優化知識，只不過今天我們住喲啊從兩點來說一個是圖片的處理，一個是Cookie的大小。
壓縮圖片和使用圖片Spirit技術
基本原理：
注：其實壓縮圖片和圖片精靈是兩個方面的技術，可是既然都是關于圖片的優化還是放到一塊吧。
現在由于工作的細分，專業的前端工程師已經少有機會去切圖了，可是關于圖片壓縮還是得略微了解，一般圖片壓縮的方式有：
1、縮小圖片分辨率；
2、改變圖片格式；
3、降低圖片保存質量。
關于圖片精靈(Spirit)技術就和我們工作直接相關，不管是在CSS中的圖片還是在HTML結構中的圖片都會產生HTTP請求，前端優化的第一條就是減少請求數，最直接有效的方法是使用圖片精靈(CSS Spirit)。圖片精靈就是把許多圖片放到一張大圖片里面，通過CSS來顯示圖片的一部分。
至于圖片精靈的操作細節就不多做介紹了，網上相關內容很多。
注意控制Cookie大小和污染
基本原理和使用方法：
有關Cookie的基礎和高級知識可以去看本人寫過的一篇文章《JavaScript 操作 Cookie》。
因為Cookie是本地的磁盤文件，每次瀏覽器都會去讀取相應的Cookie，所以建議去除不必要的Coockie，使Coockie體積盡量小以減少對用戶響應的影響；
使用Cookie跨域操作時注意在適應級別的域名上設置coockie以便使子域名不受其影響
Cookie是有生命周期的，所以請注意設置合理的過期時間，合理地Expire時間和不要過早去清除coockie，都會改善用戶的響應時間。
以上就是Web前端優化之圖片和Cookie全部的內容，你懂了嗎？不懂也沒有關系歡迎關注匯仁智杰微信huirenzhijie跟我們一起交流。
