是時(shí)候開始使用映像CDN了嗎?發(fā)布者:本站 時(shí)間:2019-11-13 09:11:35
網(wǎng)站設(shè)計(jì)的成功最重要的因素之一就是他的訪問(wèn)速度,像谷歌Lighthouse這樣的工具就是為了強(qiáng)調(diào)性能而建立的,因?yàn)樗鼘?duì)于用戶體驗(yàn)和搜索引擎排名都是非常重要的。
一個(gè)網(wǎng)站的速度是由許多因素決定的,但最大的一個(gè)因素是需要通過(guò)網(wǎng)絡(luò)傳輸?shù)臄?shù)據(jù)量;大文件大小意味著加載時(shí)間慢。
當(dāng)涉及到文件大小和緩慢的站點(diǎn)時(shí),最大的罪魁禍?zhǔn)字痪褪菆D像。一個(gè)大的JavaScript文件可能會(huì)占用未壓縮的4kb空間,但是即使您可以通過(guò)壓縮將其大小減少75%,您仍然只節(jié)省了3kb。另一方面,一個(gè)圖像可能很容易是500kb,如果你能把它的大小減少25%,你將節(jié)省125kb。壓縮圖像比壓縮Javascript有效40倍;當(dāng)涉及到加速你的網(wǎng)站時(shí),你的注意力應(yīng)該集中在你的圖片上。
web上最流行的圖像解決方案之一是圖像CDN,這是一種專門用于分發(fā)優(yōu)化圖像的內(nèi)容分發(fā)網(wǎng)絡(luò)。
一個(gè)圖像CDN包括三個(gè)要素:a)設(shè)備檢測(cè),b)自動(dòng)圖像優(yōu)化,c)全球內(nèi)容分發(fā)網(wǎng)絡(luò)。
圖像CDN可以將站點(diǎn)的圖像負(fù)載減少60-80%,將加載時(shí)間提高幾秒鐘,對(duì)圖像的可感知質(zhì)量的影響可以忽略不計(jì)。
什么時(shí)候應(yīng)該考慮使用圖像CDN?
1.如果你的網(wǎng)站很慢,請(qǐng)考慮使用圖像CDN。越快越好,但是什么才算快呢?許多網(wǎng)站在移動(dòng)設(shè)備上加載需要8-10秒,這太慢了——53%的人在3秒后就放棄了移動(dòng)頁(yè)面。因此,3秒是最低的,但目標(biāo)是1秒以下。
2.如果您的有效負(fù)載中有很大比例是圖像,請(qǐng)考慮使用圖像CDN。網(wǎng)頁(yè)的平均大小接近2mb,其中50%是圖片。通常這些圖像比它們需要的大得多,特別是對(duì)于移動(dòng)設(shè)備。(你可以手動(dòng)調(diào)整圖片的大小并提供不同大小的圖片,但是為每個(gè)可能訪問(wèn)你網(wǎng)站的設(shè)備手動(dòng)優(yōu)化圖片是不現(xiàn)實(shí)的。)
3.如果您有一個(gè)包含數(shù)百或數(shù)千個(gè)圖像的大型站點(diǎn),請(qǐng)考慮使用圖像CDN。如果你只有少量的圖片需要優(yōu)化,那么這個(gè)任務(wù)就相對(duì)簡(jiǎn)單了。但是有了成千上萬(wàn)的圖像,優(yōu)化和管理方面的挑戰(zhàn)會(huì)迅速增加您的工作量。
4.如果您的網(wǎng)站是動(dòng)態(tài)的,或者您經(jīng)常發(fā)現(xiàn)自己添加了新圖像,請(qǐng)考慮使用圖像CDN。例如,許多商業(yè)站點(diǎn)經(jīng)常添加新產(chǎn)品和附帶的圖像。社交媒體網(wǎng)站經(jīng)常處理大量用戶生成的圖片。
5.如果您的客戶群是國(guó)際性的,請(qǐng)考慮使用映像CDN。CDNs使用緩存的映像在全球維護(hù)邊緣服務(wù)器,接近最終用戶。如果你的用戶從紐約到新加坡,從米蘭到開普敦,一個(gè)圖像CDN將確保你的數(shù)據(jù)有一個(gè)更短的,因此更快的旅程到用戶。
6.如果您的客戶依賴移動(dòng)網(wǎng)絡(luò),特別是慢速移動(dòng)網(wǎng)絡(luò),請(qǐng)考慮使用圖像CDN。許多市場(chǎng)現(xiàn)在發(fā)現(xiàn)超過(guò)50%的訪問(wèn)者使用移動(dòng)網(wǎng)絡(luò)訪問(wèn)網(wǎng)站。不幸的是,許多人還沒(méi)有用上4G,更不用說(shuō)5G網(wǎng)絡(luò)了。圖像CDN對(duì)文件進(jìn)行裁剪,以提供所需的最大圖像,而不是更大的圖像。結(jié)果是更快更好的移動(dòng)用戶體驗(yàn)。
在任何這些情況下,你會(huì)發(fā)現(xiàn)你的網(wǎng)站的用戶體驗(yàn)和搜索引擎排名,是大大提高了自動(dòng)化和優(yōu)化提供的一個(gè)圖像CDN。
在一個(gè)圖像CDN中尋找什么
Image CDNs通過(guò)結(jié)合a)設(shè)備檢測(cè),b)自動(dòng)圖像優(yōu)化,c)全球內(nèi)容傳遞網(wǎng)絡(luò)來(lái)關(guān)注性能。驅(qū)動(dòng)圖像CDN性能的秘密武器是初始設(shè)備檢測(cè);您越準(zhǔn)確地識(shí)別請(qǐng)求設(shè)備,就越能更好地優(yōu)化用于交付的圖像。
例如,當(dāng)新加坡的用戶使用他們的三星Galaxy S8瀏覽電子商務(wù)網(wǎng)站時(shí),初始的HTTP請(qǐng)求到達(dá)新加坡的邊緣服務(wù)器;在幾毫秒內(nèi),服務(wù)器就能識(shí)別設(shè)備的功能——操作系統(tǒng)版本、屏幕像素密度、對(duì)高級(jí)圖像格式的支持(例如谷歌的WebP格式);如果邊緣服務(wù)器緩存了所需的圖像,它將把圖像提供給最終用戶;如果沒(méi)有,它將與核心服務(wù)器共享設(shè)備細(xì)節(jié)并繪制為該設(shè)備優(yōu)化的圖像。
在為設(shè)備動(dòng)態(tài)優(yōu)化圖像時(shí),圖像CDN執(zhí)行三個(gè)步驟:
首先,利用設(shè)備分辨率來(lái)改變圖像的大小。例如,在三星Galaxy S8的例子中,它將圖像的寬度減少到最大1440像素。
其次,利用圖像優(yōu)化算法對(duì)圖像進(jìn)行壓縮。這樣可以去除圖像中無(wú)關(guān)的細(xì)節(jié),同時(shí)又不會(huì)降低圖像的可視質(zhì)量。得益于來(lái)自其邊緣服務(wù)器的設(shè)備智能,它知道要優(yōu)化到什么程度。
最后,它選擇設(shè)備、瀏覽器和操作系統(tǒng)版本支持的最有效的文件格式。例如,對(duì)于我們的三星Galaxy S8用戶,在Android 8.0上運(yùn)行Chrome,優(yōu)化器將提供一個(gè)WebP文件。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032