前端打开慢优化历程

最新推荐文章于 2024-01-16 15:13:11 发布
最新推荐文章于 2024-01-16 15:13:11 发布
阅读量1.1k 收藏
点赞数
分类专栏： 性能测试 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beishida123/article/details/123917284
版权

原因一：js文件过大，加载慢。

处理措施：压缩js文件，增加cdn

原因二：图片过大

处理措施：压缩图片大小，限制上传文件大小，增加图片懒加载。

原因三：接口响应慢

处理措施：优化接口（当时主要优化了sql查询）

原因四：前端部分请求不合理

处理措施：请求参数pagesize由9999改为10，增加分页。

beishida123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端打包性能优化
01-20
前端打包优化如何查看打包后的文件优化方案使用GZIP压缩资源文件安装压缩插件修改webpack配置文件config/indexnginx中开启优先 加载Gzip文件统一打包公用的npm 依赖包 如何查看打包后的文件 正常往往的npm run build...
前端性能优化与实践.zip
07-23
前端性能优化与实践.zip
问：如果项目运行变得越来越慢了，应该从哪些方面去考虑去优化？
chenhailonghp的博客
07-23 1160
这个问题问的很泛，所以可以回答的点有很多。 可以从前端、后端、数据等方面进行回答。 前端 可以通过Chrome控制台、抓包工具等分析请求情况。 请求资源是不是很多。 看看每次打开页面的时候，是不是会加载很多的资源文件，如 xxxx.js xxxx1.js xxxx2.js xxxx1.css xxxx2.css xxxx3.css xxxx1.jpg xxxx2.jpg .... 打开一个网页可能加载了几十种资源文件。这个是可以优化一下的。 首先是减少资源的个数，因为每多一个资源文件就是一次http
(项目)项目启动非常慢， 并且访问显示404页面
啊哈程序
06-19 576
1.首先要看数据库配置文件是否配置失败  2.查看转发的路径是否失败。 若有其它原因，请任意践踏下方留言板，我们一起讨论解决问题并共同进步。
前端性能优化
CaraYQ的博客
10-30 537
目录图像优化矢量图和位图分辨率压缩的有损和无损图像格式JPEG压缩模式GIFPNG 图像优化 图像优化的思想：压缩 压缩的两个思路： （1）减少对某种颜色的编码数来减小文件的大小 （2）损失部分源文件信息 以达到近似的效果 使得压缩后的文件尺寸更小 能不用图像就不用图像 若一定要用图像： （1）如果在不同的页面或不同的交互状态下 图像需要呈现不同的的效果（边角的裁切、渐变、阴影等）可以用CSS来将同一张图片处理成所需的不同效果 （2）如果图像上要显示字 用代码的形式把字加到图片上面 而不是传递一张带字的图
Vue项目卡顿慢加载？这些优化技巧告诉你！
web全栈开发的博客
06-30 1万+
前端开发是一个快速发展的领域，每天都会涌现出新的技术和工具。在实现功能的同时，开发人员面临着许多挑战如代码可维护性，加载时间,访问速度,构建速度等问题。这些挑战可能直接影响网站的性能和用户体验，需要采取一些优化措施来改善问题。在本文中，我们将探讨一些前端项目优化的具体措施，旨在帮助开发人员提高项目效率，升级用户体验。综合各方面来说 就是。
为什么你的页面速度慢/操作卡/体积大？【前端性能优化思路】
weixin_37791164的博客
06-16 2283
开发时很经常会遇到一种情况：刚接手了一个现有的已发布至生产项目，就会被甩下三个问题 为什么打开这么慢？ 为什么这么卡？ 为什么打出来的包这么大？ 1.为什么打开这么慢？ 这里的慢一般指的是，页面的白屏（FP）到首屏完整（FCP）加载加起来的时长。 问题分析 先问清楚问题的复现过程，偶现还是必现，偶现的话有没有什么具体的时间段或者网络是否正常。有无特定的复现机型、系统、浏览器。了解更详细的信息有助于我们排查问题 若没有解决的话就得从前端开始入手，导致慢的原因有很多种可能，用chrome打开页面，按
项目启动慢的解决方案
qq_43281714的博客
05-21 538
如果你启动项目很慢就可以用到下面这段操作，原本需要1分钟的启动时间，现在只需要5秒
若依框架-遇到的相关问题-（持续更新中 建议收藏）
热门推荐
一茗道人 ~~ ~ 阿亮-的博客
05-24 2万+
一、项目启动相关问题 二、新建子模块相关问题 三、权限相关问题 四、任务调度相关问题（定时任务） 五、前后端访问问题（api/Controller访问） 六、工具类相关问题
项目之前启动好端端的， 突然之间重启就启动太慢了，难受
weixin_42232639的博客
07-21 370
之前在开发的时候，本来项目好好的跑的好好的，在调试完代码之后想重新启动一下，发现就卡在哪一步，或者是用了很久才启动起来，简直烦人！后来发现在调试的时候，打的断点太多了，debugger模式启动的时候，导致启动巨慢。解决办法，每次调试完代码之后，要习惯性的吧断点去掉。然后重新启动就发现启动速度变快了。...
若依VUE启动异常缓慢,一直卡住不动的2个原因解决方法
子豪的博客
01-16 933
全网都找不到怎么解决,于是我就仔细排查了一番
前端项目启动时分路由加载，解决启动慢，热更新慢等问题
lpw17175844的博客
02-15 364
解决前端项目启动慢，热更新慢等问题。 分路由记载，前端项目分路由启动！
前端性能优化探索.pdf
04-12
前端性能优化探索.pdf
前端性能优化方法与实战
最新发布
02-22
│ 07 平台实践：如何从 0 到 1 搭建前端性能平台.md │ 08 诊断清单：如何实现监控预警并进行问题诊断.md │ 09 优化手段：首屏秒开的 4 重保障.md │ 10 优化手段：白屏 300m 和界面流畅优化技巧.md │ 11 工具...
web前端性能优化进阶路
03-23
Web前端性能优化WPO，相信大多数前端同学都不会陌生，在各自所负责的站点页面中，也都会或多或少的有过一定的技术实践。可以说，这个领域并不缺乏成熟技术理论和技术牛人：例如Yahoo的web站点性能优化黄金法则，以及...
vue项目首次打开加载速度慢的优化方案
xiasohuai的博客
06-18 1万+
一、路由懒加载（必须的） ️vue-cli 3.0 模式就使用了Babel，我们需要添加syntax-dynamic-import插件，才能使 Babel 可以正确地解析语法。 // 安装插件 syntax-dynamic-import cnpm install --save-dev @babel/plugin-syntax-dynamic-import // 修改babel.config.js module.exports = { "presets": [ "@vue/app" ..
项目运行启动慢解决办法
进三步的博客
07-31 1942
之前项目每次在本地启动都要启动40分钟，启动慢的可以调两个参数： xmx xms Xmx是java的一个选项，用来设置你的应用程序能够使用的最大内存数（看好，致使你的应用程序，不是整个jvm）,如果你的程序要花很大内存的话，那就需要修改缺省的设置，比如配置tomcat的时候，如果流量啊程序啊都很大的话就需要加大这个值了，不过有一点是要记住的，不要大得超过你的机器的内存，那样你的机器会受不了的，到时候就死翘翘了。 Xms是另一个设置内存的参数,用它来设置程序初始化的时候内存栈的大小，增加...
前端页面加载缓慢的原因和性能优化问题
qq_51741730的博客
07-07 9538
前端页面加载缓慢的原因和性能优化问题
前端页面加载过慢 如何优化
04-19
可以考虑以下几个方面来优化前端页面加载速度： 1. 压缩文件大小：压缩 HTML、CSS、JavaScript 等文件大小可以缩短加载时间。 2. 使用缓存：利用浏览器缓存，减少请求次数和网络传输时间。 3. 延迟加载：按需加载...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值