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

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

　　基本原理：

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

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

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

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

　　注意控制Cookie大小和污染

　　基本原理和使用方法：

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

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