網(wǎng)站優(yōu)化不僅僅是搜索引擎優(yōu)化，更是面向用戶而不是面向搜索引擎；網(wǎng)站優(yōu)化的基礎(chǔ)是網(wǎng)站結(jié)構(gòu)、網(wǎng)站內(nèi)容、功能和服務(wù)。

什么是網(wǎng)站優(yōu)化？用戶優(yōu)化：以用戶需求為導(dǎo)向，網(wǎng)站導(dǎo)航方便，網(wǎng)頁(yè)下載速度盡可能快，頁(yè)面布局合理，適合保存、打印和轉(zhuǎn)發(fā)，網(wǎng)站信息豐富有效，有助于用戶產(chǎn)生信任。由于對(duì)個(gè)性的追求，很多網(wǎng)站喜歡用圖片來(lái)美化自己的頁(yè)面。但是你知道嗎，如果你不優(yōu)化圖片，頁(yè)面打開(kāi)速度會(huì)慢得多嗎？今天，我們將討論如何優(yōu)化圖片。

由于高質(zhì)量的JPG格式圖片更清晰、更豐富多彩，很多人用這種圖片美化深圳網(wǎng)站建設(shè)的標(biāo)題。事實(shí)上，這對(duì)速度有很大的影響。因?yàn)樵陧?yè)面上加載的訪問(wèn)的人反感。網(wǎng)頁(yè)上還有小圖標(biāo)的情況，一些站長(zhǎng)太追求美了，所以網(wǎng)頁(yè)上的小圖標(biāo)也用高質(zhì)量的圖片來(lái)做，這是很不必要的，如何處理這個(gè)問(wèn)題呢？請(qǐng)看下一節(jié)。

很多人喜歡用圖片來(lái)做頁(yè)面元素的懸停轉(zhuǎn)換效果，但是他們沒(méi)有整合相關(guān)的圖片。結(jié)果，由于圖像加載失敗，一些變換效果會(huì)受到影響。我們可以將特定效果的圖像整合到一個(gè)文件中，并使用background position屬性來(lái)調(diào)整CSS中的圖像位置。這種方法的優(yōu)點(diǎn)是后臺(tái)只需要一個(gè)HTTP請(qǐng)求，并且圖像可以重復(fù)調(diào)用，這也有利于圖像的轉(zhuǎn)換?？催@里，你知道怎么插裝飾畫(huà)嗎？是的，CSS。

我們想在這里討論的不是簡(jiǎn)單地插入帶有img標(biāo)記的圖像。使用這種方法在頁(yè)面上插入小圖標(biāo)等裝飾性圖像有很大的缺點(diǎn)。首先，插入img標(biāo)簽的圖像不能用簡(jiǎn)單的方法進(jìn)行變換。在這里，美化效果應(yīng)該打折扣。其次，如果使用img插入的圖像不在瀏覽器緩存中且不重復(fù)出現(xiàn)，則會(huì)大大增加HTTP請(qǐng)求的數(shù)量。因?yàn)槔碚撋蟟mg標(biāo)簽每次加載一次。第三，使用img標(biāo)簽不利于調(diào)整圖像的位置。如果一個(gè)圖像需要在頁(yè)眉右側(cè)和頁(yè)腳左側(cè)出現(xiàn)兩次，則需要為其編寫兩次CSS。第四，插入帶有img標(biāo)簽的圖像不利于集成。集成映像可以大大減少HTTP請(qǐng)求的數(shù)量。整合圖像的技巧是什么？見(jiàn)下一節(jié)。

由于服務(wù)器性能的限制，非獨(dú)立主機(jī)通常會(huì)限制每個(gè)IP的HTTP請(qǐng)求數(shù)。如果頁(yè)面中有太多的HTTP請(qǐng)求，則該頁(yè)面通常需要等待很長(zhǎng)時(shí)間才能完全加載。特別是，如果長(zhǎng)時(shí)間無(wú)法加載圖像，瀏覽器將斷開(kāi)與服務(wù)器的鏈接，這需要單擊以顯示圖像。因此，我強(qiáng)烈建議那些空間有限、流量有限的站長(zhǎng)盡量用外鏈圖片做文章插圖。Picasa、Flickr和yupoo是支持外部鏈的更好的相冊(cè)。這不僅減輕了服務(wù)器的壓力