宝贝圆圆网 - 怀孕 育儿 大型育儿网站社区

标题: 圖像檔案要查看此頁面您的瀏覽 [打印本页]

作者: sohana    时间: 2023-9-20 12:14
标题: 圖像檔案要查看此頁面您的瀏覽
器將發出三個請求。第一個請求是針對index.html 檔案。瀏覽器請求網頁 伺服器接收對index.html 檔案的請求並將其傳送到瀏覽器。瀏覽器發現index.html包含樣式表和圖像,因此它又觸發了兩個請求這是請求網頁的傳統方式,它基本上有兩個問題。一是它需要至少兩次往返的 HTTP 通訊。另一種是網頁在接收到樣式檔案之前會顯示空白。一旦這個階段超過2秒,使用者體驗就會很糟糕。這種機制的問題在於,它迫使用戶等待瀏覽器下載 HTML 檔案、解釋它、檢測必要的依賴項並最終檢索所需的所有內容。如果一種資源依賴另一種資源,則會建立一條關鍵鏈,例如在 CSS 檔案中呼叫字體時。考慮到每個依賴項的連接、下載和讀取時間,
這會延遲渲染並增加載入時間。透過伺服器推送,我們可以解  斯洛文尼亚电话号码列表 決這個問題。伺服器推送允許伺服器搶先向客戶端發送網站資源,而無需用戶專門請求。如果謹慎使用,我們可以提前發送我們知道用戶請求頁面所需的資訊。使用者不需要等待伺服器發送index.html頁面,然後等待瀏覽器請求並接收style.css,使用者只需要等待伺服器同時回應tyle.css到初始要求。這意味著瀏覽器可以比等待更快地開始顯示頁面。正如您可能想像的那樣,伺服器推送可以減少頁面的渲染時間。HTTP/2 (h2) 伺服器推送是 HTTP 協定第 2 版中包含的性​​能功能之一。只要所有 URL 都透過相同的主機名稱和協定傳送,它就允許 Web 伺服器提前(在客戶端請求之前)將

內容「傳送」到客戶端。伺服器推送解決什麼問題?雖然減少關鍵內容到伺服器的往返次數是伺服器推送解決的問題之一,但這並不是唯一的問題。伺服器推送可以作為許多特定於 HTTP/1 的優化反模式的合適替代方案,例如將 CSS 和 JavaScript 直接嵌入到因為它們減少了我們所說的頁面感知渲染時間,這意味著雖然頁面的整體載入時間可能不會減少,但頁面對使用者來說載入速度會更快。畢竟這是有道理的。如果您將內聯 CSS 插入到 <style> 標籤內的




HTML 文件中,瀏覽器可以立即開始將樣式套用到 HTML,而無需等待從外部來源取得它們。這個概念適用於使用資料 URI 方案的內聯腳本和二進位資料。這些做法似乎是解決問題的好方法,對吧?當然,對於 HTTP/1 工作流程,您別無選擇。當我們內聯放置資源時,缺點是內嵌內容無法被有效地快取。當樣式表或 JavaScript 檔案等資源保持外部和模組化時,它可以更有效地緩存在瀏覽器中。當使用者存取需要該資產的後續頁面時,可以從快取中提取該資產,從而無需向伺服器發出額外請求。然而,當我們內聯嵌入內容時,該內容沒有自己的快取上下文。它的快取上下文與其插入的資源相同。






欢迎光临 宝贝圆圆网 - 怀孕 育儿 大型育儿网站社区 (http://bbs.baby123.cc/) Powered by Discuz! X3.4