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
Web 网页滚动性能优化
滚动乍看起来和性能毫无关系。毕竟，你的内容都有了样式，静态资源也已开始加载或已经加载完毕，那我们为什么会突然对滚动感兴趣了呢？原因很简单，一旦开始滚动，浏览器就需要把你的网站或应用绘制到屏幕上。这就意味着，我们可以最小化浏览器的绘制工作，将页面性能最大化。当用户使用...
2024-01-10
Vue项目打包、合并及压缩优化网页响应速度
目录前言一.请求内容太大解决方案：CDN引入压缩请求资源一.http请求次数太多解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本身处理请求太久、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关，直接影响到用...
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
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-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.0： 最开始由于测试环境待办表和已办表也会有重复数据，是把代办表和已办表查询结果 union all 后，使用下面方式去重，数据量太大，效率很低。 ROW_NUMBER() OVER(PARTITION BY REMIND_ID ORDER BY REMIND_ID ) RN sql 版本2.0： 由于生产环境待办表和已办表数据不...
2024-01-10
SQL优化
1.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where 子句中对字段进行 null 值判断，否则将导致引擎放弃使用索引而进行全表扫描，如： select id from t where num is null 可以在num上设置默认值0，确保表中num列没有null值，然...
2024-01-10
详解C/C++性能优化背后的方法论TMAM
目录前言一、示例二、CPU 流水线介绍三、自顶向下分析（TMAM）3.1、基础分类3.1.1、Retiring3.1.2、Bad Speculation3.1.3、Front-End-Boun3.1.4、Back-End-Bound3.3、如何针对不同类别进行优化？3.3.1、Front-End Bound3.3.2、Back-End Bound3.3.3、Bad Speculation分支预测四、写在最后五、CPU知识充电站前言性能优化的难点在于找出关键...
2024-01-10
MySQL高性能索引策略和查询性能优化
前缀索引和索引选择性有时候需要索引很长的字符，这会让索引变得大且慢。一个策略是模拟哈希索引。通常可以索引开始的部分字符，这样可以大大解约索引空间，提高索引效率。但这样会降低索引的选择性。索引的选择性：不重复的索引值（也成为基数）和数据表的记录总数比值。索引的选择...
2024-01-10
【JS】【公开课分享】让表格数据处理性能瞬间飙升的几点优化
讲师简介王鸿，2020 中国 .NET 开发者峰会主论坛讲师，葡萄城表格技术负责人，GcExcel项目组资深架构师。自 2014年起，王鸿老师便一直聚焦于企业高性能表格技术领域的研究，为葡萄城设计了全新的表格组件架构，并带领研发团队推出了一款性能在业界领先的电子表格组件GcExcel, 积累了大量高并发、高...
2024-01-10
1、性能调优标准
CPU负载和CPU利用率的区别系统负载代表单位时间内正在运行或等待的进程或线程数,代表了系统的繁忙程度.CPU利用率则代表单位时间内一个线程或进程实时占用CPU的百分比.我们知道,一个进程或者线程在运行时,未必都在实时的利用CPU的.比如,在CPU密集型的情况下,系统的负载未必会高,但CPU的利用率肯...
2024-01-10
MYSQL性能优化CPU/内存/磁盘
MYSQL性能优化，CPU，内存，磁盘 选择合适的CPU本文来自：https://www.cnblogs.com/wangchaozhi/p/mysql_performance_stat.html多核CPU，并支持64位应用，可以使用更多的内存。配置MYSQL的IO线程与CPU核数一致。通过以下命令查看当前配置的配置，默认4#show variables like "%_...
2024-01-10
php性能优化
PHP代码通过zend引擎逐行扫描，成为zend引擎能理解的语法，转码解析成Opcodes,执行之后输出如果多使用内置函数的话，在扫描和理解上时间就会快很多，Opcodes也会少一些，执行起来就会快2、php内置函数之间存在性能优劣：多去理解内置函数时间复杂度，如isset和array_key_exists性能差异3、尽量少用魔法...
2024-01-10
MySQL性能优化小结
基础概念简述锁数据库通过锁机制来解决并发场景 — 共享锁（读锁）和排他锁（写锁）。读锁是不阻塞的，多个客户端可以在同一时刻读取同一个资源；写锁是排他的，并且会阻塞其他的读锁和写锁。简单提下乐观锁和悲观锁：乐观锁：通常用于数据竞争不激烈的场景，多读少写，通过版本号和...
2024-01-10
vue性能优化
1.运行时优化1.1引入生产环境vue文件开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句没有用，反而会增加应用的体积。有些警告检查还有一些小的运行时开销。当使用 webpack 或 Browserify 类似的构建工具时，Vue 源码会根据 process.env.NODE_ENV 决定是否启用生...
2024-01-10
vue 多级嵌套数组渲染性能优化
最近遇见一个问题，移动端一个页面展示折叠展示数据，具体要展示多个区域，每个区域下面有不同业务人员，每个业务人员有自己的客户，每个客户又有不同的记录，即这个页面要渲染一个4层的数组。具体页面展示类似为：1-区域数据2-区域下属业务员及其客户数据 拿到页面的时候，我...
2024-01-10
