是時候開始使用映像CDN了嗎？發(fā)布者：本站     時間：2019-11-13 09:11:35

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

一個網(wǎng)站的速度是由許多因素決定的，但最大的一個因素是需要通過網(wǎng)絡(luò)傳輸?shù)臄?shù)據(jù)量；大文件大小意味著加載時間慢。

當(dāng)涉及到文件大小和緩慢的站點時，最大的罪魁禍?zhǔn)字痪褪菆D像。一個大的JavaScript文件可能會占用未壓縮的4kb空間，但是即使您可以通過壓縮將其大小減少75%，您仍然只節(jié)省了3kb。另一方面，一個圖像可能很容易是500kb，如果你能把它的大小減少25%，你將節(jié)省125kb。壓縮圖像比壓縮Javascript有效40倍；當(dāng)涉及到加速你的網(wǎng)站時，你的注意力應(yīng)該集中在你的圖片上。

web上最流行的圖像解決方案之一是圖像CDN，這是一種專門用于分發(fā)優(yōu)化圖像的內(nèi)容分發(fā)網(wǎng)絡(luò)。

一個圖像CDN包括三個要素：a）設(shè)備檢測，b）自動圖像優(yōu)化，c）全球內(nèi)容分發(fā)網(wǎng)絡(luò)。

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

什么時候應(yīng)該考慮使用圖像CDN？

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

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

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

4.如果您的網(wǎng)站是動態(tài)的，或者您經(jīng)常發(fā)現(xiàn)自己添加了新圖像，請考慮使用圖像CDN。例如，許多商業(yè)站點經(jīng)常添加新產(chǎn)品和附帶的圖像。社交媒體網(wǎng)站經(jīng)常處理大量用戶生成的圖片。

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

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

在任何這些情況下，你會發(fā)現(xiàn)你的網(wǎng)站的用戶體驗和搜索引擎排名，是大大提高了自動化和優(yōu)化提供的一個圖像CDN。

在一個圖像CDN中尋找什么

Image CDNs通過結(jié)合a）設(shè)備檢測，b）自動圖像優(yōu)化，c）全球內(nèi)容傳遞網(wǎng)絡(luò)來關(guān)注性能。驅(qū)動圖像CDN性能的秘密武器是初始設(shè)備檢測；您越準(zhǔn)確地識別請求設(shè)備，就越能更好地優(yōu)化用于交付的圖像。

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

在為設(shè)備動態(tài)優(yōu)化圖像時，圖像CDN執(zhí)行三個步驟：

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

其次，利用圖像優(yōu)化算法對圖像進行壓縮。這樣可以去除圖像中無關(guān)的細節(jié)，同時又不會降低圖像的可視質(zhì)量。得益于來自其邊緣服務(wù)器的設(shè)備智能，它知道要優(yōu)化到什么程度。

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