如果讓網(wǎng)站訪問速度更快?特別是大圖還有視頻?懶加載是什么技術(shù)
一、懶加載
1、圖片懶加載是一種網(wǎng)頁優(yōu)化技術(shù),主要用于改進(jìn)網(wǎng)頁加載速度和用戶體驗(yàn),當(dāng)網(wǎng)頁包含大量圖片時(shí),懶加載技術(shù)可以幫助延遲圖片加載,從而加速網(wǎng)頁的初始加載速度。
2、懶加載技術(shù)的一些優(yōu)勢和弊端
a)優(yōu)勢
一、改進(jìn)加載性能:圖片懶加載可以減少首次加載網(wǎng)頁時(shí)需要加載的資源量,從而提高加載速度和用戶體驗(yàn)。
二、節(jié)省帶寬:只有當(dāng)圖片進(jìn)入視口(viewport)時(shí),才會(huì)加載圖片。這可以節(jié)省未瀏覽的部分的帶寬。
三、優(yōu)化用戶體驗(yàn):通過快速加載網(wǎng)頁和內(nèi)容,用戶體驗(yàn)可以得到顯著改善。
四、優(yōu)化服務(wù)器負(fù)載:延遲加載圖片可以減少服務(wù)器在短時(shí)間內(nèi)的負(fù)載。
b)弊端
一、不適用于所有瀏覽器:并非所有的瀏覽器都支持懶加載,這可能會(huì)導(dǎo)致某些用戶無法查看圖片。
二、SEO問題:一些搜索引擎可能無法正確索引懶加載的圖片,從而影響SEO效果。
三、JavaScript依賴:大部分的圖片懶加載實(shí)現(xiàn)都依賴于JavaScript。如果用戶禁用了JavaScript,那么懶加載就無法正常工作。
四、用戶體驗(yàn)問題:如果網(wǎng)絡(luò)連接慢或者處理圖片慢,用戶可能會(huì)看到圖片逐漸加載的過程,這可能會(huì)降低用戶體驗(yàn)。
五、首屏圖片加載延遲:如果懶加載的實(shí)現(xiàn)沒有正確處理,可能會(huì)導(dǎo)致首屏的圖片加載延遲,影響用戶體驗(yàn)。
二、OSS對象存儲(chǔ) 與 CDN緩存技術(shù)
1、借助于第三方分流運(yùn)維方案,相當(dāng)于部署負(fù)載均衡,讓你的網(wǎng)站服務(wù)器減輕壓力,分流出去到一些其它地方。
2、一些優(yōu)勢和弊端
a)優(yōu)勢
一、獨(dú)立部署,打開視頻或者大圖片速度快,不影響網(wǎng)站;
二、適應(yīng)所有瀏覽器,不局限于瀏覽器,或者java 腳本限制;
三、不影響任何SEO優(yōu)化;
四、一些大的圖片都會(huì)這樣去部署,因?yàn)閼屑虞d最終還是要當(dāng)前服務(wù)器來運(yùn)行的。
b)弊端
一、會(huì)產(chǎn)生一些流量費(fèi)用,但是也是非常小的,一年可能幾百塊錢足夠,但是可以讓你的網(wǎng)站運(yùn)行流暢很我,感覺是非常值得
三、綜合說明
1、懶加載適合圖片較多網(wǎng)站,頁面比較長的,通過加載視圖來顯示可見內(nèi)容,如果這個(gè)加載視圖是一個(gè)視頻,那起不到太大的重要,還是要去加載出來的
2、一般小企業(yè)站或者大圖視頻有幾個(gè)不多的情況下,建議是可以適合oss+cdn 技術(shù)的