如何優(yōu)化網(wǎng)站的多圖片文章

      關(guān)于如何將網(wǎng)站圖片優(yōu)化到極致的問(wèn)題已經(jīng)詳細(xì)的介紹過(guò)，包括做圖片懶加載優(yōu)化，也討論過(guò)當(dāng)網(wǎng)站SEO優(yōu)化與用戶體驗(yàn)發(fā)生沖突時(shí)該如何選擇的問(wèn)題，所以今天就以我的seo學(xué)堂網(wǎng)的實(shí)戰(zhàn)優(yōu)化經(jīng)歷來(lái)簡(jiǎn)單的分享，利用懶加載與圖片壓縮及自動(dòng)裁剪提升網(wǎng)站加載速度和性能優(yōu)化。

　　需求分析

　　首先來(lái)談?wù)劄槭裁磗eo學(xué)堂網(wǎng)為什么迫切的需要將網(wǎng)站的圖片優(yōu)化做到極致，這個(gè)就不得不從seo學(xué)堂網(wǎng)的定位和內(nèi)容方向來(lái)思考，seo學(xué)堂網(wǎng)目前專注于探索科技生活方式，致力于做電子產(chǎn)品或科技數(shù)碼類的酷品分享及測(cè)評(píng)體驗(yàn)，其中文章中就無(wú)法避免出現(xiàn)較多的圖片內(nèi)容，了解一個(gè)產(chǎn)品最直觀的就是圖文方式，所以在很多的文章創(chuàng)作中我們都會(huì)在文章中適配大量的圖片內(nèi)容，有的是直接插入，有的就會(huì)使用相冊(cè)圖集功能進(jìn)行插入，提升并達(dá)到文章的優(yōu)質(zhì)閱讀體驗(yàn)和效果展示。

　　目前seo學(xué)堂網(wǎng)雖然使用的是云服務(wù)器，但是為了降低服務(wù)器成本支出，其配置為2G、1核、2M，屬于入門型配置，但是服務(wù)器放置了seo學(xué)堂旗下的所有網(wǎng)站，包括seo學(xué)堂博客，所以一天下來(lái)整個(gè)服務(wù)器都還是非常緊張的，其中最重要的是因?yàn)閟eo學(xué)堂網(wǎng)擁有大量的圖片直接放置在服務(wù)器，并未使用像七牛云、又拍云這類的第三方服務(wù)，雖然這兩個(gè)都提供一些免費(fèi)的流量，但是對(duì)于我們seo學(xué)堂網(wǎng)來(lái)說(shuō)可能就夠用一兩天吧，而目前seo學(xué)堂網(wǎng)的盈利模式并不明顯，所以不可能在服務(wù)器上做過(guò)大的投資，所以最后選擇在服務(wù)器和網(wǎng)站上做深度的優(yōu)化，依舊可以讓網(wǎng)站非常流暢的運(yùn)營(yíng)。

　　圖片優(yōu)化方案

　　針對(duì)于網(wǎng)站整體的圖片優(yōu)化，必要的圖片出現(xiàn)就是LOGO圖片、首頁(yè)大圖、文章縮略圖、編輯作者頭像圖片，整個(gè)頁(yè)面上下左右基本都會(huì)有圖片的顯示位置，其中最多的就是文章的縮略圖展現(xiàn)，有利于視覺沖擊和吸引點(diǎn)擊，下面就詳細(xì)的來(lái)分析一下seo學(xué)堂網(wǎng)的圖片優(yōu)化方案和步驟。