收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > nodejs > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

Node.js學習教程之HTTP/2服務器推送【譯】

前言

最近Node.js v8.4+版本發布帶來了體驗版的HTTP/2,你可以自己通過設置參數--expose-http2啟動。

這篇文章,我將介紹HTTP/2最重要的一方面服務器推送并且創建一個小的Node.js程序案例來使用它。下面話不多說了,來一起看看詳細的介紹吧。

關于HTTP/2

HTTP/2 的目的是通過支持完整的請求與響應復用來減少延遲,通過有效壓縮 HTTP 標頭字段將協議開銷降至最低,同時增加對請求優先級和服務器推送的支持。

更多關于HTTP/2內容,請查看文章HTTP/2。

服務器推送

HTTP/2 服務器推送(Server Push)允許服務器在瀏覽器請求之前將資源發送到瀏覽器。

在我們轉到HTTP/2之前,我們來看看它如何與HTTP/1配合使用:

在HTTP/1中,客戶端向服務器發送一個請求,服務器返回一個包含許多外部資源(.js,.css等文件)鏈接的HTML文件。當瀏覽器處理這個初始HTML文件時,它開始解析這些鏈接,并分別加載它們。

查看下面的demo加載過程的圖像。 請注意時間表上的獨立請求以及這些請求的啟動:

查看圖片

HTTP/1資源加載

這是HTTP/1的工作原理,這就是我們如何開發這么多年的應用程序。為什么要改變它呢?

當前方法的問題是用戶必須等待瀏覽器解析響應,發現鏈接并獲取資源。 這會延遲渲染并增加加載時間。 有一些解決方案,如內聯一些資源,但也使得初始響應越來越大。

這是HTTP/2服務器推送功能進入視線的地方,因為服務器可以在瀏覽器請求之前將資源發送到瀏覽器。
看看下面的圖片,通過HTTP/2提供相同服務的網站。查看時間軸和啟動器。 你可以看到HTTP/2復用減少了請求數量,并且資源與初始請求一起立即發送。

查看圖片

HTTP/2服務器推送

讓我們看看今天如何在Node.js中使用HTTP/2服務器推送,來加快客戶端的加載時間。

一個Node.js HTTP/2服務器推送案例

通過加載內置的http2模塊,我們可以創建我們的服務器,就像我們使用https模塊一樣。

有趣的部分是在請求index.html時推送其他資源:

const http2 = require('http2') 
const server = http2.createSecureServer( 
 { cert, key },
 onRequest
)

function push (stream, filePath) { 
 const { file, headers } = getFile(filePath)
 const pushHeaders = { [HTTP2_HEADER_PATH]: filePath }

 stream.pushStream(pushHeaders, (pushStream) => {
 pushStream.respondWithFD(file, headers)
 })
}

function onRequest (req, res) { 
 // Push files with index.html
 if (reqPath === '/index.html') {
 push(res.stream, 'bundle1.js')
 push(res.stream, 'bundle2.js')
 }

 // Serve file
 res.stream.respondWithFD(file.fileDescriptor, file.headers)
}

這樣bundle1.js和bundle2.js資源即使在它要求它們之前也會被發送到瀏覽器。

你可以查看完整的案例:https://github.com/RisingStack/http2-push-example

HTTP/2 & Node

HTTP/2可以幫助我們在很多方面優化我們的客戶端與服務器之間的通信。

通過服務器推送,我們可以將資源發送到瀏覽器,減少用戶的初始加載時間。

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對積木網的支持。

原文:https://blog.risingstack.com/node-js-http-2-push/

譯者:Jin

作者:Péter Márton

使用nvm管理不同版本的node與npm的方法
本文介紹了使用nvm管理不同版本的node與npm,分享給大家,具體如下:補充說明:Mac下通過brewinstallnvm所安裝的nvm,由于安裝路徑不同,無法正確啟用。

使用 Node.js 模擬滑動拼圖驗證碼操作的示例代碼
近幾年,網頁上各種新型驗證碼層出不窮,其中一種比較常見的是滑動驗證碼,比如下圖這種。本文介紹了一種使用純前端方法尋找滑動終點并模擬滑

利用nvm管理多個版本的node.js與npm詳解
前言Nvm管理不同版本的node與npmnvm是NodeJS的多版本管理工具,有點類似管理Ruby的rvm,如果是需要管理Windows下的node,官方推薦是使用nvmw或nvm-windows。卸載

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
手游棋牌游戏运营
赌场里的限红 谁有极速快三计划网站 缩水计划软件手机版 重庆山东时时吗 7m体育即时比分 单机斗地主大全 找时时彩qq群 福彩3d投注图 大小单双稳赚技巧 棋牌代理加盟 港彩一肖一码彩经书 23彩票软件 德国pk10走势图 斗地主的游戏规则 免费彩票计划软件哪个好 万能6码如何使用