新聞動(dòng)態(tài)

一、懶加載

1、圖片懶加載是一種網(wǎng)頁(yè)優(yōu)化技術(shù)，主要用于改進(jìn)網(wǎng)頁(yè)加載速度和用戶體驗(yàn)，當(dāng)網(wǎng)頁(yè)包含大量圖片時(shí)，懶加載技術(shù)可以幫助延遲圖片加載，從而加速網(wǎng)頁(yè)的初始加載速度。

2、懶加載技術(shù)的一些優(yōu)勢(shì)和弊端

a)優(yōu)勢(shì)

一、改進(jìn)加載性能：圖片懶加載可以減少首次加載網(wǎng)頁(yè)時(shí)需要加載的資源量，從而提高加載速度和用戶體驗(yàn)。

二、節(jié)省帶寬：只有當(dāng)圖片進(jìn)入視口（viewport）時(shí)，才會(huì)加載圖片。這可以節(jié)省未瀏覽的部分的帶寬。

三、優(yōu)化用戶體驗(yàn)：通過(guò)快速加載網(wǎng)頁(yè)和內(nèi)容，用戶體驗(yàn)可以得到顯著改善。

四、優(yōu)化服務(wù)器負(fù)載：延遲加載圖片可以減少服務(wù)器在短時(shí)間內(nèi)的負(fù)載。

b)弊端

一、不適用于所有瀏覽器：并非所有的瀏覽器都支持懶加載，這可能會(huì)導(dǎo)致某些用戶無(wú)法查看圖片。

二、SEO問(wèn)題：一些搜索引擎可能無(wú)法正確索引懶加載的圖片，從而影響SEO效果。

三、JavaScript依賴：大部分的圖片懶加載實(shí)現(xiàn)都依賴于JavaScript。如果用戶禁用了JavaScript，那么懶加載就無(wú)法正常工作。

四、用戶體驗(yàn)問(wèn)題：如果網(wǎng)絡(luò)連接慢或者處理圖片慢，用戶可能會(huì)看到圖片逐漸加載的過(guò)程，這可能會(huì)降低用戶體驗(yàn)。

五、首屏圖片加載延遲：如果懶加載的實(shí)現(xiàn)沒(méi)有正確處理，可能會(huì)導(dǎo)致首屏的圖片加載延遲，影響用戶體驗(yàn)。

二、OSS對(duì)象存儲(chǔ) 與 CDN緩存技術(shù)

1、借助于第三方分流運(yùn)維方案，相當(dāng)于部署負(fù)載均衡，讓你的網(wǎng)站服務(wù)器減輕壓力，分流出去到一些其它地方。

2、一些優(yōu)勢(shì)和弊端

a)優(yōu)勢(shì)

一、獨(dú)立部署，打開(kāi)視頻或者大圖片速度快，不影響網(wǎng)站；

二、適應(yīng)所有瀏覽器，不局限于瀏覽器，或者java 腳本限制；

三、不影響任何SEO優(yōu)化；

四、一些大的圖片都會(huì)這樣去部署，因?yàn)閼屑虞d最終還是要當(dāng)前服務(wù)器來(lái)運(yùn)行的。

b)弊端

一、會(huì)產(chǎn)生一些流量費(fèi)用，但是也是非常小的，一年可能幾百塊錢(qián)足夠，但是可以讓你的網(wǎng)站運(yùn)行流暢很我，感覺(jué)是非常值得

三、綜合說(shuō)明

1、懶加載適合圖片較多網(wǎng)站，頁(yè)面比較長(zhǎng)的，通過(guò)加載視圖來(lái)顯示可見(jiàn)內(nèi)容，如果這個(gè)加載視圖是一個(gè)視頻，那起不到太大的重要，還是要去加載出來(lái)的

2、一般小企業(yè)站或者大圖視頻有幾個(gè)不多的情況下，建議是可以適合oss+cdn 技術(shù)的