当前位置: 首页 > 网络应用技术

NGINX静态压缩和代码压缩以提高访问速度!

时间:2023-03-08 20:29:49 网络应用技术

  在夏天,天气变得越来越热!交点发出

  但是我们工作的心情不受这个炎热的夏天的影响,所以让我们谈谈如何加速前端 - 今天访问!

  根据当前大多数应用程序,使用前后端框架,并且前端应用程序也非常受欢迎。

  我不知道您是否遇到这样的问题:

  有了前端框架的页面,功能开发被连续迭代。安装的依赖性继续增加;

  由此引起的问题是,我们的前端框架将变得非常大,并且目录将变得大!

  这将引起问题:第一个访问应用程序将变得非常慢!交叉截面

  这确实是一个严重的问题!交叉启动t_t_t

  关于这个问题,我们将从今天的代码压缩+NGINX静态资源中研究。解决了两个方面!

  然后重新启动nginx:nginx -s重新加载

  看看它是否已生效!交叉剖面

  从上面的两张图片中,您可以看到:

  第一个已被压缩:完成时间为2.36,转移为7.6MB

  第二个没有压缩:完成时间为6.32,转移为24.6MB

  显然,在NGINX的静态资源压缩后,访问速度得到了提高,这是显着的!

  看到这一点,我们将遇到这样的问题。该压缩全部在NGINX上工作。当访问次数变大时,NGINX的压力很大,毕竟是!

  有解决方案吗?

  NGINX静态资源的动态压缩原理无非是帮助我们将JS,CSS等文件压缩到文件中,然后将其传输到前浏览器以进行分析。

  说到哪个,人们不禁会说:那是相应的文件,例如JS,CSS和其他文件,并且不需要Nginx动态压缩?

  看起来像这样!交叉剖面

  天才!交叉分解

  这可以通过一些依赖性处理:

  安装依赖性:

  可以看出,它帮助我们生成了相应的文件!交点发射

  基于上述

  gzip_static on

  然后重新启动nginx:nginx -s重新加载

  看看它是否已生效!交叉剖面

  好吧,nginx的静态压缩,就是这样!

  今天在这里,很滑!交点简报^_^

  我认为有收益,帮助!交叉触摸

  原始:https://juejin.cn/post/7101663374957608974