Node.js 應用程式跑得更快 10 個技巧_node.js
NodeJS是一個伺服器端JavaScript解釋器,它將改變伺服器應該如何運作的概念。它的目標是幫助程式設計師建立高度可伸縮的應用程序,編寫能夠處理數萬個同時連接到一個(只有一個)物理機的連接程式碼。
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,然后在客户端渲染它们。
6.不要在Session存储太多数据
典型的 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 文件打包。当浏览器在页面渲染中碰到

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

如何在JavaScript中將具有相同ID的數組元素合併到一個對像中?在處理數據時,我們常常會遇到需要將具有相同ID�...

實現視差滾動和元素動畫效果的探討本文將探討如何實現類似資生堂官網(https://www.shiseido.co.jp/sb/wonderland/)中�...

學習JavaScript不難,但有挑戰。 1)理解基礎概念如變量、數據類型、函數等。 2)掌握異步編程,通過事件循環實現。 3)使用DOM操作和Promise處理異步請求。 4)避免常見錯誤,使用調試技巧。 5)優化性能,遵循最佳實踐。

深入探討console.log輸出差異的根源本文將分析一段代碼中console.log函數輸出結果的差異,並解釋其背後的原因。 �...

探索前端中類似VSCode的面板拖拽調整功能的實現在前端開發中,如何實現類似於VSCode...
