首頁 >web前端 >前端問答 >什麼是延遲載入?延遲載入的優缺點

什麼是延遲載入?延遲載入的優缺點

青灯夜游
青灯夜游原創
2019-01-03 11:30:127266瀏覽

延遲加載,也稱為按需加載,它是一種在線內容的優化技術;無論是網站,還是Web應用程式都有很大的用處。下面我們就來帶大家了解延遲加載,希望對大家有幫助。

什麼是延遲載入?延遲載入的優缺點

延遲載入是什麼?

通常,當使用者開啟網頁時,整個頁面的內容將會下載並一次呈現。雖然這允許瀏覽器快取網頁,但不能保證用戶實際上將查看所有下載的內容。

例如,如果下載整個照片庫但用戶僅在查看第一張圖像後離開,則結果是浪費記憶體和頻寬。

與大量載入那樣一次載入整個網頁並將其呈現給使用者不同,當使用者造訪頁面時,延遲載入只會幫助載入所需的部分,即當使用者造訪需要它的頁面的一部分時,才會載入這部分的內容,並延遲剩餘部分的內容。

什麼是延遲載入?延遲載入的優缺點

延遲載入如何運作?

當有人在網頁上新增資源(圖像,影片等)時,資源會引用一個小佔位符。當使用者瀏覽網頁時,瀏覽器會快取實際資源,並在資源在使用者畫面上顯示時取代佔位符。例如,如果使用者載入網頁並立即離開,則不會載入網頁頂部以外的任何內容。

延遲載入的一種形式是無限滾動,其中,當使用者向下滾動頁面時,載入網頁的內容。它是各種網站使用的流行技術。

延遲載入的優缺點

#延遲載入的優點:

##1、減少時間消耗和記憶體使用,從而優化內容交付。

2、使用者可以更快地連接到內容,因為當使用者首次開啟網站時,只需要下載部分網站。

3、資源成本較低,節省儲存空間,增強使用者體驗

因為內容僅在使用者需要時提供,而不是一次性提供。首先加載所需的網頁的一小部分,因此所花費的時間較少並且該部分的其餘部分的加載被延遲,這節省了存儲。所有這些都增強了使用者的體驗,因為所要求的內容很快就會被提供。

4、從商務人士的角度來看,時間和空間資源的最佳使用使其成為一種具有成本效益的方法。 (網站所有者角度)

5、內容是不簡斷地提供給用戶,提供真正不間斷的瀏覽會話,擁有了更高的客戶保留率,從而降低了用戶離開網站的機會。

延遲載入的缺點:

1、要加入現有程式碼中的額外程式碼行來實現延遲載入會使程式碼變得有點複雜。

2、由於未載入內容的索引不正確,延遲載入有時可能會影響網站在搜尋引擎上的排名。

由於資源預設為佔位符內容,因此搜尋引擎爬網可能會誤解或忽略資源的內容。延遲載入網頁的整個元件(如部落格文章)可能會導致搜尋引擎繞過該元件,從而導致搜尋引擎結果更少,因為內容未被編入索引。

總結:

簡化Web內容是塑造使用者瀏覽體驗的重要部分,新增延遲載入可以讓網站載入更快,節省頻寬,並提供真正不間斷的瀏覽會話。動態載入資源可讓使用者瀏覽更多內容,使用者可以透過捲動頁面來不斷載入新內容。

延遲載入儘管存在一些缺陷,但是它們具有很大的優勢,因為兩種主要資源(時間和空間)的最佳化利用以及更多的優勢使我們忽略了它的缺點。

以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。更多精彩內容大家可以追蹤php中文網相關教學欄位! ! !

以上是什麼是延遲載入?延遲載入的優缺點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn