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

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

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

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

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

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

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

什么時(shí)候應該考慮使用圖像CDN？

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

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

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

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

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

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

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

在一個(gè)圖像CDN中尋找什么

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

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

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

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

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

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