vue应用移动端访问缓慢问题

embedded/2024/12/22 16:18:24/

由于移动端的javascript处理引擎相对于pc端在处理复杂计算或大量数据时,可能会出现性能瓶颈,从而导致访问页面缓慢严重还会出现白屏情况,所以针对此问题做以下处理提升性能。

 

1、打包时压缩js文件

  • 安装TerserPlugin插件
npm install terser-webpack-plugin --save-dev
  • 在 Webpack 的配置文件vue.config.js中设置 optimization

module.exports = {mode: 'production', // 设置为生产模式optimization: {minimize: true, // 启用压缩minimizer: [new TerserPlugin({terserOptions: {compress: {drop_console: true, // 去掉 console.log},},}),],},
};

2、看前后区别

  • 配置前文件大小

  • 配置后文件大小

效果非常明显,访问速度也提升了 


http://www.ppmy.cn/embedded/147866.html

相关文章

中国人工智能学会技术白皮书

中国人工智能学会的技术白皮书具有多方面的重要作用,是极具权威性和价值的参考资料。 看看编委会和编写组的阵容,还是很让人觉得靠谱的 如何下载这份资料呢?下面跟着步骤来吧 步骤一:进入中国智能学会官网。百度搜索“中国智能学…

完全二叉树【东北大学oj数据结构9-1】C++

完全二叉树 所有叶子都具有相同深度且所有内部节点的度数为2的二叉树称为完全二叉树。 另外,将二叉树除最低层以外的所有层都完全填充,从左到最后节点依次填充最低层的树,也称为(粗略地)完全二叉树。 如果表示二叉堆的…

Web应用中的CSRF防护机制

什么是CSRF攻击? CSRF (Cross-site request forgery) 跨站请求伪造是一种常见的网络攻击方式。攻击者诱导用户访问已被攻击者控制的网页时,利用用户在被攻击网站已经获取的注册凭证,绕过后台的用户验证,冒充用户对被攻击的网站发…

Linux中部署项目

1.下载JDK17 进入 /usr/local 目录,创建 java 文件夹。并将 JDK17 上传到 java 目录下。 上传成功后,通过cd命令进入Java文件夹目录,解压 JDK17 压缩包,命令 unzip zulu17.44.53-ca-jdk17.0.8.1-linux_x64.zip。 如果报错说 u…

蓝叠模拟器adb连接并配置网络代理

说在前面: 由于配置wsl导致原模拟器失效,选择了蓝叠模拟器(下载安装器后会自动配置为Hyper-v版本)蓝叠国际不能自动配置root,需要手动破解,此处选择的是蓝叠中国(二者可以同时安装并共存&#…

端口聚合配置

配置端口聚合 本文中端口聚合配置任务描述了如何配置以太网端口聚合。 概述 端口聚合,即将几个属性相同的物理端口聚合绑定到一起形成一个逻辑上的通道。端口的聚合方式可以是将几个物理端口静态的聚合到一起而不管与这些物理端口相连的端口是否符合聚合的条件&a…

Flutter组件————BottomNavigationBar

BottomNavigationBar 是Flutter中用于在屏幕底部显示导航栏的组件,它允许用户在几个主要视图之间进行切换。 参数 参数名类型描述itemsList定义导航栏中的每个项目,通常包含图标和标签。onTapValueChanged当用户点击导航栏中的项目时触发的回调函数&am…

MATLAB深度学习实战PCB缺陷检测

本文采用YOLO作为核心算法框架,结合Matlab构建用户界面,使用MATLAB进行开发。YOLO以其高效的实时检测能力,在多个目标检测任务中展现出卓越性能。本研究针对PCB电路板缺陷数据集进行训练和优化,该数据集包含丰富的PCB电路板缺陷图…