Vue 单页应用 的 首屏优化
对于单页应用，要在一个页面上为用户提供产品的所有功能，在这个页面加载的时候，首先要加载大量的静态资源，这个加载时间相对比较长。所以我们需要做一些相应的优化，减少响应时间，尽快把首屏显示出来。1、压缩代码无论是否为单页应用，代码的压缩都是要做的。 对于vue-cli生成的项目，...
2024-01-10
Vue SPA单页应用首屏优化实践
1.代码压缩(gzip)如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf在Gzip Settings里加入：gzip on;gzip_min_length 1k;gzip_buffers 4 16k;gzip_comp_level 5;gzip_types text/plain application/x-javascript text/css application/xml text/javascript app...
2024-01-10
Vue页面首次载入优化的全过程
目录前言1.图片优化2.禁止生成.map文件3.路由懒加载4.cdn引入公共库5.终极法宝 GZIP压缩6.利用vue-router进行页面的懒加载（lazy load）总结前言今天是把自己开发的博客系统发布到了线上,但就只是把build出来的dist文件夹随便扔在了云服务器根目录下,导致在首次进入页面的时候非常的慢.所以需要进行优化....
2024-01-10
定制化MyAccount页面
用户控制面板里的我的账户区域是受customer_account布局文件控制的。该文件的目录是（view/frontend/layout/customer_account.xml） 添加一个菜单项，需要创建上面提到的布局文件，添加以下代码： <?xml version="1.0"?> <body> <referenceContainer name="content"> <referenceBlock name="customer-account-navigation- wish-li...
2024-01-10性能优化之代码优化页面加载速度
页面代码的优化对于页面加载速度也有不小的影响，最广为人知的：HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScript的引入放在页面尾。其次还有：1.按需加载，把统计、分享等 JS 在页面 onload 后再进行加载，可以提高访问速度；2.优化 Co...
2024-01-10
用px做单位，页面写大了还能补救吗？？？
我之前一直做的移动端，第一次做PC端的桌面应用，一开始就把宽高给写死了,然后使用electron封装的时候发现页面太大了，现在还能补救吗？？electron我也是第一次用，不知道electron里面有没有控制大小的功能？回答：友情提示：貌似这个也是electron做的，可能框架天然带着bug（估计是window强行缩放所致...
2024-01-10iOS性能优化教程之页面加载速率详解
前言我认为在编码过程中时刻注意性能影响是有必要的，但凡事都有个度，不能为了性能耽误了开发进度。在时间紧急的情况下我们往往采用“quick and dirty”的方案来快速出成果，后面再迭代优化，即所谓的敏捷开发。与之相对应的是传统软件开发中的瀑布流开发流程。卡顿产生的原因在 iOS 系统...
2024-01-10
页面加载性能之优化LCP
影响LCP的四个因素如下:较慢的服务器响应时间渲染阻塞的js和css较慢的资源加载时间客户端渲染较慢的服务器响应时间浏览器获取文档的时间越长，用户看到页面的时间也会越长。较快的服务器响应时间，可以直接改善每一个页面加载相关的指标，包括LCP。可以使用 TTFB(Time to First Byte) 来测试服...
2024-01-10toB项目页面定制化问题？
一个产品给多个甲方用，同一个功能给多个甲方定制不同的页面，代码共用一套方案1: 菜单里面每个甲方配不同的菜单，比如甲方1环境，路径配置甲方1页面的路径，甲方2环境，配置甲方2页面路径方案2: 页面外面包一层,用v-if判断加载不同的页面<template><div v-if="甲方1"> <甲方1页面></div><div v-if="甲方2"> <甲方2页面></div></tem...
2024-02-12
Vue项目打包、合并及压缩优化网页响应速度
目录前言一.请求内容太大解决方案：CDN引入压缩请求资源一.http请求次数太多解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本身处理请求太久、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关，直接影响到用...
2024-01-10
Vue项目打包、合并及压缩优化网页响应速度
目录前言一.请求内容太大解决方案：CDN引入压缩请求资源一.http请求次数太多解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本身处理请求太久、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关，直接影响到用...
2024-01-10
Web 网页滚动性能优化
滚动乍看起来和性能毫无关系。毕竟，你的内容都有了样式，静态资源也已开始加载或已经加载完毕，那我们为什么会突然对滚动感兴趣了呢？原因很简单，一旦开始滚动，浏览器就需要把你的网站或应用绘制到屏幕上。这就意味着，我们可以最小化浏览器的绘制工作，将页面性能最大化。当用户使用...
2024-01-10
TVM GEMM优化
本文记录如何使用TVM v0.6在CPU上优化GEMM，节选自TVM官方教程。类似地，可参考Vivado HLS优化GEMM的方法。其中涉及到局部性(locality)的问题会详细进行分析。朴素GEMM我们可以将朴素GEMM，写成下列这种伪代码形式，用爱因斯坦求和记号(einsum)即$C_{ij}=A_{ik}B_{kj}$for (i, 0, M)for (j, 0, N)for (k, 0, K)C[i][j] += A[...
2024-01-10
集群优化
思考：现目前的架构是什么？业务逻辑？ 研发一台，测试&生产共用一套k8s集群。 目前前端已经迁移到k8s，生产后端暂时没有上k8s。造成目前架构的原因是什么？ 历史遗留原因 造成架构不合理那些地方不合理，为什么？（1）.使用经典公网模式，会自动分配局域网ip地址 ， nginx-ingres...
2024-01-10SEO 优化总结
最根本的原则就是代码后端直出，不管是 jsp、php、还是 nodejs 的直出，都 OK，简单来说，就是右击查看源代码，可以看到 dom 结构如果是使用的模板引擎，只渲染了 json 数据到界面上，dom 结构需要 JS 再行渲染的话，也是不行的iframe 嵌套的，seo 不会去抓JS 渲染的，不会去抓嵌套的 flash、图片，更不...
2024-01-10
锁的优化
1. 锁的优化有哪些手段？ （1）降低 锁 的范围 例如：将方法上的锁可以加到 代码快上 （2）锁分离：读读之间不需要同步，读写和写写之间才需要同步，例如：读写锁 锁分离延伸：只要操作互不影响，就可以锁分离，例如 LinkedBlockingQuene （3）减少锁力度：将一个大对...
2024-01-10
一次查询优化
sql 版本1.0： 最开始由于测试环境待办表和已办表也会有重复数据，是把代办表和已办表查询结果 union all 后，使用下面方式去重，数据量太大，效率很低。 ROW_NUMBER() OVER(PARTITION BY REMIND_ID ORDER BY REMIND_ID ) RN sql 版本2.0： 由于生产环境待办表和已办表数据不...
2024-01-10
这段代码咋优化
<template slot-scope="scope"> <state :type="getStateObject(scope.row.state).type" :text="getStateObject(scope.row.state).value"></state> </template>const getStateObject = (state) =...
2024-02-16
SQL优化
1.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where 子句中对字段进行 null 值判断，否则将导致引擎放弃使用索引而进行全表扫描，如： select id from t where num is null 可以在num上设置默认值0，确保表中num列没有null值，然...
2024-01-10
Java性能优化的9大工具
在这篇文章中，我会带着大家一起看一下9个可以帮助我们优化Java性能的工具。有一些我们已经在IDR Solutions中使用了，而另外一些有可能在个人项目中使用。NetBeans ProfilerNetBeans profiler是一个NetBeans IDE插件，主要为NetBeans IDE提供性能分析相关的功。NetBeans IDE是一个开源的集成开发环境。它很好地支持所...
2024-01-10iOS程序性能优化的技巧
1. 用ARC管理内存ARC(Automatic ReferenceCounting, 自动引用计数)和iOS5一起发布，它避免了最常见的也就是经常是由于我们忘记释放内存所造成的内存泄露。它自动为你管理retain和release的过程，所以你就不必去手动干预了。忘掉代码段结尾的release简直像记得吃饭一样简单。而ARC会自动在底层为你做这些工作。...
2024-01-10
【小程序】小程序性能优化三板斧
为什么有这篇文章想看干货的可以直接跳转到正文 ......小程序中心是百度 APP小程序流量分发的入口，从百度个人中心可以进入。小程序中心说大不大，说小也不小，属于麻雀虽小五脏俱全的那种，从 18 年到现在经历了 2 年的迭代，经手了 20 多任开发，1000 次左右的 commit ，也发展成了一个比较成熟...
2024-01-10
性能优化（4）案例总结
jconsole远程连接须配置JMX/data/noob/jdk1.8.0_151/bin/java -Djava.rmi.server.hostname=127.0.0.1 #远程服务器ip，即本机ip-Dcom.sun.management.jmxremote #允许JMX远程调用-Dcom.sun.management.jmxremote.port=7018 #自定义jmx 端口号-Dcom.sun.management.jmxremote.rmi.port=7019 # JMX在远程连接时，会...
2024-01-10SQLSERVER SQL性能优化技巧
1.选择最有效率的表名顺序(只在基于规则的优化器中有效) SQLSERVER的解析器按照从右到左的顺序处理FROM子句中的表名，因此FROM子句中写在最后的表（基础表driving table）将被最先处理，在FROM子句中包含多个表的情况下，必须选择记录条数最少的表作为基础表，当SQLSERVER处理多个表时，会运用排序及合...
2024-01-10
iOS性能优化之图片最佳实践
原文地址UIImage 是用来处理图像数据的高级类，UIImageView 是 UIKit 提供的用于显示 UIImage 的类。若采用 MVC 模型进行类比，UIImage 可以看作模型对象（Model），UIImageView 是一个视图（View）。它们都肩负着各自的职责：UIImage 负责加载图片内容， UIImageView 负责显示和渲染它。这看似是一个简单的单向过程...
2024-01-10
React性能优化总结
from:http://www.tuicool.com/articles/VNFZBbj初学者对React可能满怀期待，觉得React可能完爆其它一切框架，甚至不切实际地认为React可能连原生的渲染都能完爆——对框架的狂热确实会出现这样的不切实际的期待。让我们来看看React的官方是怎么说的。React官方文档在Advanced Performanec这一节，这样写道：One of the fir...
2024-01-10
MySQL批量SQL插入性能优化详解
对于一些数据量较大的系统，数据库面临的问题除了查询效率低下，还有就是数据入库时间长。特别像报表系统，每天花费在数据导入上的时间可能会长达几个小时或十几个小时之久。因此，优化数据库插入性能是很有意义的。经过对MySQL innodb的一些性能测试，发现一些可以提高insert效率的方法，供...
2024-01-10JAVA下单接口优化实战TPS性能提高10倍
概述最近公司的下单接口有些慢，老板担心无法支撑双11，想让我优化一把，但是前提是不允许大改，因为下单接口太复杂了，如果改动太大，怕有风险。另外开发成本和测试成本也非常大。对于这种有挑战性的任务，我向来是非常喜欢的，因为在解决问题的过程中，可以学习到很多东西。当时我只...
2024-01-10
