让你的 Node.js Web 应用程序更快的 10 个技巧

让你的 Node.js Web 应用程序更快的 10 个技巧,第1张

由于其事件驱动和异步特性,Nodejs 已经飞速发展。但是,在现代网络中,仅仅快速是不够的。如果您计划使用 Nodejs 开发您的下一个 Web 应用程序,您必须采取一切可能的步骤来确保您的应用程序比平时更快。本文介绍了 10 个技巧,这些技巧可以极大地加快基于 Node 的 Web 应用程序的速度。所以,让我们一一看看。

在构建 Web 应用程序时,有时您需要进行多个内部 API 调用来获取各种数据。例如,考虑一个用户仪表板。在渲染仪表板时,您可以执行以下假设调用:

为了检索这些详细信息,您可以为每个函数创建一个单独的中间件并附加到仪表板路由。但是这种方法的问题是一个函数必须等待前一个函数完成。另一种选择是并行执行这些调用。

众所周知,由于 Nodejs 的异步特性,它在并行运行多个函数方面非常高效。我们应该利用这一点。由于我上面提到的功能不相互依赖,我们可以并行运行它们。这将减少中间件的数量并大大提高速度。

为了使事情并行化,我们可以使用 asyncjs,这是一个有助于驯服异步 JavaScript 的 Node 模块。这是一个片段,展示了如何使用 asyncjs 并行运行不同的函数:

如果您想了解有关 asyncjs 的更多信息,请务必查看该项目的GitHub页面。

按照设计,Nodejs 是单线程的。由于这个事实,同步代码可能会锁定整个应用程序。例如,大多数文件系统 API 都有其同步对应物。以下代码段显示了如何同步和异步完成文件读取 *** 作:

但是如果您执行长时间运行和阻塞 *** 作,您的主线程将被阻塞,直到 *** 作完成。这会大大降低您的应用程序的性能。因此,请确保您始终在代码中使用异步 API,至少在性能关键部分。在选择第三方模块时也要小心。即使您采取一切预防措施来避免同步代码,外部库也可能会进行同步调用,从而影响您的应用程序的性能。

如果您正在获取一些不经常更改的数据,您可以将其缓存以提高性能。例如,使用以下代码片段获取最新帖子以显示在视图上:

如果你发博文不是太频繁,可以缓存posts数组,间隔后清空缓存。例如,我们可以使用redis模块来实现这一点。为此,您需要在服务器上安装 Redis。然后您可以使用调用的客户端node_redis来存储键/值对。以下片段显示了我们如何缓存帖子:

因此,首先我们检查帖子是否存在于 Redis 缓存中。如果是这样,我们从缓存中传递posts数组。否则,我们从数据库中检索内容,然后将其缓存。此外,在一段时间后,我们可以清除 Redis 缓存,以便获取新内容。

开启 gzip 压缩会极大地影响 webapp 的性能。当与 gzip 兼容的浏览器请求某些资源时,服务器可以在将响应发送到浏览器之前对其进行压缩。如果您不使用 gzip 压缩静态资源,浏览器可能需要更长时间才能获取它。

在 Express 应用程序中,您可以使用内置的expressstatic()中间件来提供静态内容。此外,您可以使用compression中间件来压缩和提供静态内容。这是一个显示如何执行此 *** 作的片段:

随着 AngularJS、Ember、Meteor 等许多强大的客户端 MVC/MVVM 框架的出现,创建单页应用程序变得非常容易。基本上,您只需公开向客户端发送 JSON 响应的 API,而不是在服务器端呈现。在客户端,您可以使用框架来使用 JSON 并在 UI 上显示。从服务器发送 JSON 可以节省带宽,从而提高速度,因为您不会在每个请求中发送布局标记。相反,您只需发送纯 JSON,然后在客户端呈现。

看看我的这个教程,它描述了如何使用 Express 4 公开 RESTful API。我还写了另一个教程,展示了如何使用 AngularJS 与这些 API 交互。

在典型的 Express Web 应用程序中,会话数据默认存储在内存中。当您在会话中存储太多数据时,会增加服务器的大量开销。因此,您可以切换到其他类型的存储来保留会话数据,或者尝试最小化会话中存储的数据量。

例如,当用户登录到您的应用程序时,您可以只将他们存储id在会话中,而不是存储整个对象。随后,对于每个请求,您都可以从id 您可能还想使用 MongoDB 或 Redis 来存储会话数据。

假设您有一个博客应用程序,它在主页上显示最新帖子。你可能会写这样的东西来使用 Mongoose 获取数据:

但问题是find()Mongoose 中的函数会获取对象的所有字段,并且对象中可能有几个字段在Post主页上不需要。例如,comments是一个这样的字段,它包含特定帖子的一组评论。由于我们没有显示评论,我们可能会在获取时将其排除。这肯定会提高速度。我们可以这样优化上面的查询:

并非所有浏览器都支持对集合进行不同的 *** 作,例如map、reduce和。forEach为了克服浏览器兼容性问题,我们一直在前端使用一些客户端库。但是使用 Nodejs,您可以确切地知道 Google 的 V8 JavaScript 引擎支持哪些 *** 作。因此,您可以直接使用这些内置函数在服务器端 *** 作集合。

Nginx是一个小巧轻便的 Web 服务器,可用于减少 Nodejs 服务器上的负载。您可以配置 nginx 以提供静态内容,而不是从 Node 提供静态文件。您还可以设置 nginx 以使用 gzip 压缩响应,以便整体响应大小较小。因此,如果您正在运行生产应用程序,您可能希望使用 nginx 来提高速度。

最后,通过将多个 JS 文件压缩并合并为一个,可以极大地提高您的 Web 应用程序速度。当浏览器遇到一个

按照你的要求编写的输出日期属于该年的第几天的Javascript程序如下

<html>

<head>

<script type=text/javascript> 

function check(){

 var year=parseInt(documentgetElementById("year")value);

 var month=parseInt(documentgetElementById("month")value);

 var day=parseInt(documentgetElementById("day")value);

 if(year<2000 || year>2018){

  alert("输入年份要求在2000到2018之间");

  var t = documentgetElementById("year");

      tfocus();

      return false;

 }

 var days=0;

 for(var i=1;i<month;i++){

  switch(i){

   case 1:

   case 3:

   case 5:

   case 7:

   case 8:

   case 10:

   case 12:days=days+31;break;

   case 4:

   case 6:

   case 9:

   case 11:days=days+30;break;

   case 2:

    if(year%4==0&&year%100!=0||year%400==0)

     days=days+29;

    else

     days=days+28;

    break;

  }

 }

 days=days+day;

 documentgetElementById("result")innerHTML="该日期是"+year+"年的第"+days+"天";

}

</script>

</head>

<body>

 年份<input type="text" name="year" id="year" value=""><br>

 月份<input type="text" name="month" id="month" value=""><br>

 日期<input type="text" name="day" id="day" value=""><br>

 <input type="button" value="确定" onclick="check();"><br>

 <div id="result"></div>

</body>

</html>

以上就是关于让你的 Node.js Web 应用程序更快的 10 个技巧全部的内容,包括:让你的 Node.js Web 应用程序更快的 10 个技巧、编写一个JavaScript js程序、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9590678.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存