讓你的 Node.js 應用跑得更快的 10 個技巧
Node.js 受益於它的事件驅動和非同步的特徵,已經很快了。但是,在現代網路中只是快是不行的。如果你打算用 Node.js 開發你的下一個Web 應用的話,那麼你就應該無所不用其極,讓你的應用更快,異常的快。本文將介紹 10 條,經過檢驗得知可大大提高 Node 應用的技巧。廢話不多說,讓我們逐條來看看。
1. 並行
建立 Web 應用的時候,你可能要多次呼叫內部 API 來獲取各種資料。比如說,假設在 Dashboard 頁面上,你要執行下面這幾個呼叫:
-
使用者資訊 -getUserProfile().
-
當前活動 -getRecentActivity().
-
訂閱內容 -getSubscriptions().
-
通知內容 -getNotifications().
為了拿到這些資訊,你應該會為每個方法建立獨立的中介軟體,然後將它們連結到 Dashboard 路由上。不過問題是,這些方法的執行是線性的,上一個沒結束之前下一個不會開始。可行解決案是並行呼叫它們。
如你所知由於非同步性,Node.js 非常擅長並行呼叫多個方法。我們不能暴殄天物。我上面提到的那些方法沒有依賴性,所以我們可以並行執行它們。這樣我們可以削減中介軟體數量,大幅提高速度。
我們可以用 async.js 來處理並行,它是一個專門用來調教 JavaScript 非同步的 Node 模組。下面程式碼演示怎樣用 async.js 並行呼叫多個方法的:
function runInParallel() { async.parallel([ getUserProfile, getRecentActivity, getSubscriptions, getNotifications ], function(err, results) { //This callback runs when all the functions complete }); }
如果你想更深入瞭解 async.js ,請移步它的 GitHub 頁面。
2. 非同步
根據設計 Node.js 是單執行緒的。基於這點,同步程式碼會堵塞整個應用。比如說,多數的檔案系統 API 都有它們的同步版本。下面程式碼演示了檔案讀取的同步和非同步兩種操作:
// Asynchronous fs.readFile('file.txt', function(err, buffer) { var content = buffer.toString(); }); // Synchronous var content = fs.readFileSync('file.txt').toString();
不過要是你執行那種長時間的阻塞操作,主執行緒就會被阻塞到這些操作完成為止。這大大降低你應用的效能。所以,最好確保你的程式碼裡用的都是非同步版本 API,最起碼你應該在效能節點非同步。而且,你在選用第三方模組的時候也要很小心。因為當你想方設法把同步操作從你程式碼中剔除之後,一個外部庫的同步呼叫會讓你前功盡棄,降低你的應用效能。
3. 快取
如果你用到一些不經常變化的資料,你應該把它們快取起來,改善效能。比如說,下面的程式碼是獲取最新帖子並顯示的例子:
var router = express.Router(); router.route('/latestPosts').get(function(req, res) { Post.getLatest(function(err, posts) { if (err) { throw err; } res.render('posts', { posts: posts }); }); });
如果你不經常發貼的話,你可以把帖子列表快取起來,然後一段時間之後再把它們清理掉。比如,我們可以用 Redis 模組來達到這個目的。當然,你必須在你的伺服器上裝 Redis。然後你可以用叫做 node_redis 的客戶端來儲存鍵/值對。下面的例子演示我們怎麼快取帖子:
var redis = require('redis'), client = redis.createClient(null, null, { detect_buffers: true }), router = express.Router(); router.route('/latestPosts').get(function(req,res){ client.get('posts', function (err, posts) { if (posts) { return res.render('posts', { posts: JSON.parse(posts) }); } Post.getLatest(function(err, posts) { if (err) { throw err; } client.set('posts', JSON.stringify(posts)); res.render('posts', { posts: posts }); }); }); });
看到了吧,我們首先檢查 Redis 快取,看看是否有帖子。如果有,我們從快取中拿這些帖子列表。否則我們就檢索資料庫內容,然後把結果快取。此外,一定時間之後,我們可以清理 Redis 快取,這樣就可以更新內容了。
4. gzip 壓縮
開啟 gzip 壓縮對你的 Web 應用會產生巨大影響。當一個 gzip 壓縮瀏覽器請求某些資源的時候,伺服器會在響應返回給瀏覽器之前進行壓縮。如果你不用 gzip 壓縮你的靜態資源,瀏覽器拿到它們可能會花費更長時間。
在 Express 應用中,我們可以用內建 express.static() 中介軟體來處理靜態內容。此外,還可以用 compression 中介軟體壓縮和處理靜態內容。下面是使用例:
var compression = require('compression'); app.use(compression()); //use compression app.use(express.static(path.join(__dirname, 'public')));
5. 如果可以,在用客戶端渲染
現在有超多功能強勁的客戶端 MVC/MVVM 框架,比如說 AngularJS, Ember, Meteor, 等等,構建一個單頁面應用變得非常簡單。基本上,你只要公開一個 API,返回 JSON 響應給客戶端就可以了,而不需要在服務端渲染頁面。在客戶端,你可以用框架來組織 JSON 然後把它們顯示在 UI 上。服務端只傳送 JSON 響應可以節省頻寬,改善效能,因為你不需要在每個響應裡面都返回佈局標記了,對吧,你只需要返回純 JSON,然後在客戶端渲染它們。
看下我的這個教程,它是關於怎樣用 Express 4 公開一個 RESTful APIs的。我還寫了另一篇教程,演示了怎樣把這些 APIs 和 AngularJS 結合起來。
6. 不要在 Sessions 儲存太多資料
典型的 Express 頁面應用, Session 資料預設是儲存在記憶體中的。當你把太多資料儲存在 Session 的時候,會導致伺服器開銷顯著增大。所以,要麼你切換到別的儲存方式來儲存 Session 資料,要麼儘量減少儲存在 Session 中的資料量。
比如說,當使用者登入到你的應用的時候,你可以只在 Session 中儲存他們的 ID 而不是整個使用者資料物件。還有,對於那些你能夠從 id 拿到物件的查詢,你應該會喜歡用 MongoDB 或者 Redis 來儲存 session 資料。
7. 優化查詢
假設你有個部落格,你要在主頁上顯示最新帖子。你可能會通過 Mongoose 這樣取資料:
Post.find().limit(10).exec(function(err, posts) { //send posts to client });
不過問題是 Mongoose 的 find() 方法會把物件的所有欄位都查詢出來,而許多欄位在主頁上並不要求。比如說,commentsis 儲存的是特定帖子的回覆。我們不需要顯示文章回復,所以我們可以在查詢的時候把它給剔除掉。這無疑會提高速度。可以像這樣優化上面那條查詢:
Post.find().limit(10).exclude('comments').exec(function(err, posts) { //send posts to client });
8. 用標準的 V8 方法
集合上的一些操作,比如 map,reduce,和 forEach 不一定支援所有瀏覽器。我們可以通過前臺的庫解決部分瀏覽器相容性問題。但對於 Node.js,你要確切知道 Google 的 V8 JavaScript 引擎支援哪些操作。這樣,你就可以在服務端直接用這些內建方法來操作集合了。
9. 在 Node 前面用 Nginx
Nginx 是個微小型輕量 Web 伺服器,用它可以降低你的 Node.js 伺服器的負載。你可以把靜態資源配置到 nginx 上,而不是在 Node 上。你可以在 nginx 上用 gzip 壓縮響應,讓所有的響應都變得更小。所以,如果你有個正在營運的產品,我覺得你應該會想用 nginx 來改善執行速度的。
10. 打包 JavaScript
最後,你還可以大大提高頁面應用速度,通過把多個 JS 檔案打包。當瀏覽器在頁面渲染中碰到 <script> 元素的時候會被堵塞,直到拿到這個指令碼才繼續執行(除非設定了非同步屬性)。比如,如果你的頁面有五個 JavaScript 檔案,瀏覽器會發出五個獨立的 HTTP 請求來獲取他們。如果把這五個檔案壓縮打包成一個,整體效能將可以大幅提升。CSS 檔案也是一樣。你可以用諸如 Grunt/Gulp 這樣的編譯工具來打包你的資原始檔。
結論
上面 10 條技巧肯定可以提高你的 Web 應用的速度的。不過,我知道還有改善和優化的空間。如果你有任何改善效能的技巧的話,在回覆裡告訴我。
謝謝閱讀!
原文:http://www.sitepoint.com/10-tips-make-node-js-web-app-faster/ 譯文:oschina
相關文章
- [譯] 8 個技巧讓你在 2018 年構建更好的 Node.js 應用程式Node.js
- 面試官:如何寫出讓 CPU 跑得更快的程式碼?面試
- 讓容器跑得更快:CPU Burst 技術實踐
- 7個讓網站更快的網頁設計技巧網站網頁
- 為什麼 const 無法讓 C 程式碼跑得更快?
- 用 PyPy 讓你的 Python 程式碼執行得更快!Python
- 11個點讓你的Spring Boot啟動更快Spring Boot
- 能讓你受益匪淺的10個css使用技巧CSS
- 7個讓你驚歎的HTML技巧HTML
- 讓你更好使用 Typescript 的11個技巧TypeScript
- 征服Excel VBA:讓你工作效率倍增的239個實用技巧Excel
- 5個簡單實用的MacOS技巧讓你的Mac工作效率翻倍Mac
- 教你三個最實用的應急類辦公技巧,讓你輕鬆化解工作中的抓狂
- 讓你月薪飆升的祕籍:Java效能調優的9個實用技巧Java
- 讓CNN跑得更快,騰訊優圖提出全域性和動態過濾器剪枝CNN過濾器
- [譯] 用這些 iOS 技巧讓你的 APP 效能更佳iOSAPP
- ?從零開始Docker化你的Node.js應用DockerNode.js
- 帶你用 Vue 全家桶和 Node.js 完成一個聚合應用VueNode.js
- SAP Fiori Launchpad 應用的兩個實用技巧分享
- Java檔案操作必備技能,10個小技巧讓你快速掌握!Java
- 如何“販賣”你的故事?8個實用技巧
- 接入Tengine,讓你的AI應用飛起來AI
- 5個平時容易讓人忽略的Excel技巧,10分鐘幫你搞定2小時的工作Excel
- 你應該知道的Node.js流Node.js
- 10 個你可能不知道的 Android Studio 技巧Android
- 10 個技巧,讓你更專業地使用 console 進行 JS 除錯JS除錯
- 安裝Windows10後,必做的6項最佳化,讓你的電腦執行更快Windows
- 這10個實用網站/app,至少讓你的效率翻一倍!網站APP
- 8個酷炫的GitHub技巧,讓你看起來像大佬一樣!Github
- 五個小技巧讓你寫出更好的 JavaScript 條件語句JavaScript
- 2、Node.js 第一個應用Node.js
- 10個最佳 Node.js 企業應用案例:從 Uber 到 LinkedInNode.js
- 如何讓你的SAP CRM應用支援附件上傳
- c++ 讓你的應用支援相對路徑C++
- Python中的numba的基本應用!讓你的Python快一萬倍!Python
- 讓你提高效率的Linux技巧Linux
- 讓你提高效率的 Linux 技巧Linux
- Rize - 一個可以讓你簡單、優雅地使用 puppeteer 的 Node.js 庫Node.js
- “標準”讓AI的腳步更快AI