眾所周知，圖片做為網頁元素的一種，是必不可少的，沒有圖片的修飾，網頁看上去會缺乏很多美感。但是現在很多網站上的圖片越來越多，而且圖片尺寸沒有合理控制，導致網頁載入速度特慢，極大影響了使用者體驗。

那面對這種情況，站在網站運營和最佳化角度上說，該如何解決圖片過大載入慢的問題呢？作為一名IT從業者，我給出一些方案供大家參考：

1、動靜分離

我們可以將動態頁面和靜態資源（如：CSS、JS、圖片等）用不同域名部署（建議根域不同），因為瀏覽器也是有請求併發控制的，如果動態頁面和靜態資源都用同一個域名效果不如動靜分離的好。

2、靜態資源走CDN加速

像靜態的圖片及樣式等資原始檔，建議走CDN加速，這樣能解決跨網互通問題，每個地域的訪客都能“就近讀取”伺服器上的資源，從而加快資源下載速度。

3、圖片壓縮處理

很多網站上的圖片尺寸大得離譜，甚至一張圖就有1M多。所以對於圖片請務必做好壓縮處理，常見措施有：

圖片縮圖裁剪，尺寸不宜過大；

伺服器端啟用GZip壓縮；

手機端可啟用webp這種格式；

4、圖片惰性載入

在載入圖片時，我們預設只加載第一屏圖片，這種惰性載入可以避免使用者短時間內下載過多暫未展示的圖片，一來節省了伺服器頻寬，另外也是縮短了使用者等待時間。