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