網站設計的成功最重要的因素之一就是他的訪問速度，像谷歌Lighthouse這樣的工具就是為了強調性能而建立的，因為它對于用戶體驗和搜索引擎排名都是非常重要的。

一個網站的速度是由許多因素決定的，但最大的一個因素是需要通過網絡傳輸的數據量；大文件大小意味著加載時間慢。

當涉及到文件大小和緩慢的站點時，最大的罪魁禍首之一就是圖像。一個大的JavaScript文件可能會占用未壓縮的4kb空間，但是即使您可以通過壓縮將其大小減少75%，您仍然只節省了3kb。另一方面，一個圖像可能很容易是500kb，如果你能把它的大小減少25%，你將節省125kb。壓縮圖像比壓縮Javascript有效40倍；當涉及到加速你的網站時，你的注意力應該集中在你的圖片上。

web上最流行的圖像解決方案之一是圖像CDN，這是一種專門用于分發優化圖像的內容分發網絡。

一個圖像CDN包括三個要素：a）設備檢測，b）自動圖像優化，c）全球內容分發網絡。

圖像CDN可以將站點的圖像負載減少60-80%，將加載時間提高幾秒鐘，對圖像的可感知質量的影響可以忽略不計。

什么時候應該考慮使用圖像CDN？

1.如果你的網站很慢，請考慮使用圖像CDN。越快越好，但是什么才算快呢？許多網站在移動設備上加載需要8-10秒，這太慢了——53%的人在3秒后就放棄了移動頁面。因此，3秒是最低的，但目標是1秒以下。

2.如果您的有效負載中有很大比例是圖像，請考慮使用圖像CDN。網頁的平均大小接近2mb，其中50%是圖片。通常這些圖像比它們需要的大得多，特別是對于移動設備。（你可以手動調整圖片的大小并提供不同大小的圖片，但是為每個可能訪問你網站的設備手動優化圖片是不現實的。）

3.如果您有一個包含數百或數千個圖像的大型站點，請考慮使用圖像CDN。如果你只有少量的圖片需要優化，那么這個任務就相對簡單了。但是有了成千上萬的圖像，優化和管理方面的挑戰會迅速增加您的工作量。

4.如果您的網站是動態的，或者您經常發現自己添加了新圖像，請考慮使用圖像CDN。例如，許多商業站點經常添加新產品和附帶的圖像。社交媒體網站經常處理大量用戶生成的圖片。

5.如果您的客戶群是國際性的，請考慮使用映像CDN。CDNs使用緩存的映像在全球維護邊緣服務器，接近最終用戶。如果你的用戶從紐約到新加坡，從米蘭到開普敦，一個圖像CDN將確保你的數據有一個更短的，因此更快的旅程到用戶。

6.如果您的客戶依賴移動網絡，特別是慢速移動網絡，請考慮使用圖像CDN。許多市場現在發現超過50%的訪問者使用移動網絡訪問網站。不幸的是，許多人還沒有用上4G，更不用說5G網絡了。圖像CDN對文件進行裁剪，以提供所需的最大圖像，而不是更大的圖像。結果是更快更好的移動用戶體驗。

在任何這些情況下，你會發現你的網站的用戶體驗和搜索引擎排名，是大大提高了自動化和優化提供的一個圖像CDN。

在一個圖像CDN中尋找什么

Image CDNs通過結合a）設備檢測，b）自動圖像優化，c）全球內容傳遞網絡來關注性能。驅動圖像CDN性能的秘密武器是初始設備檢測；您越準確地識別請求設備，就越能更好地優化用于交付的圖像。

例如，當新加坡的用戶使用他們的三星Galaxy S8瀏覽電子商務網站時，初始的HTTP請求到達新加坡的邊緣服務器；在幾毫秒內，服務器就能識別設備的功能——操作系統版本、屏幕像素密度、對高級圖像格式的支持（例如谷歌的WebP格式）；如果邊緣服務器緩存了所需的圖像，它將把圖像提供給最終用戶；如果沒有，它將與核心服務器共享設備細節并繪制為該設備優化的圖像。

在為設備動態優化圖像時，圖像CDN執行三個步驟：

首先，利用設備分辨率來改變圖像的大小。例如，在三星Galaxy S8的例子中，它將圖像的寬度減少到最大1440像素。

其次，利用圖像優化算法對圖像進行壓縮。這樣可以去除圖像中無關的細節，同時又不會降低圖像的可視質量。得益于來自其邊緣服務器的設備智能，它知道要優化到什么程度。

最后，它選擇設備、瀏覽器和操作系統版本支持的最有效的文件格式。例如，對于我們的三星Galaxy S8用戶，在Android 8.0上運行Chrome，優化器將提供一個WebP文件。