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