前端性能优化总结
前言最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。性能分类对前端工程性能的优化，我觉得...
2024-01-10
浅谈移动前端性能优化
随着 Html5 的正式定稿，移动前端步入APP世界的步伐也随之加速。目前主流的两大手机系统厂商（google、苹果）都是 Html5 的参与者，所以这两大系统在对 html5 的支持上基本是没什么问题的。然而对于很多开发者来说，也许仅仅是因为使用前的一番可行性分析便放弃这种方案。因为很多资料都叙述着 Html5 ...
2024-01-10
【JS】前端性能优化（一）
首页专栏javascript文章详情2前端性能优化（一）huangsh发布于 今天 08:08 为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：加载时优化；...
2024-01-10
聊一聊前端性能优化 CRP
什么是 CRP？CRP又称关键渲染路径，引用MDN对它的解释：优化关键渲染路径可以提升首屏渲染时间。理解和优化关键渲染路径对于确保回流和重绘可以每秒 60 帧、确保高性能的用户交互和避免无意义渲染至关重要。如何结合CRP进行性能优化？我想对于性能优化，大家都不陌生，无论是平时的工作还是...
2024-01-10
前端工程化之H5性能优化篇
导读：从粗糙到精致，从简单到复杂，全球互联网Web App(网页应用)平均体积已增压到1.6Mb，随着音视频等富媒体内容的流量池膨胀，终端设备上的用户对网页装载速度尤其敏感。页面不能做到秒开，就会有大量用户选择离开。重视并改善网站性能，优化即时网页装载时间，加速即时网页在浏览器平...
2024-01-10
【JS】前端性能优化（二）
首页专栏javascript文章详情0前端性能优化（二）huangsh发布于 今天 07:36 运行时性能优化1.减少重绘重排浏览器渲染过程解析HTML生成DOM树；解析CSS生成CSSOM规则树；将DOM树与CSSOM规则树合并在一起生成渲染树；遍历渲染树开始布局，计算DOM节点的大小和位置；调用GPU绘制，合成图层；将渲...
2024-01-10
“非主流”的纯前端性能优化
性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如 DoubleClick by Google 发现：同时，性能优化学习的不断深入，也同样是一个专业前端工程师的进阶之路。不过，随着 HTTP/2 和 SSR（服务端渲染）的不断普及，早期雅...
2024-01-10
【JS】前端性能优化指南(1)
首页专栏javascript文章详情0前端性能优化指南(1)nojsja发布于 今天 09:20 目录目录➣ HTML/CSS 性能优化方面1. 网络层面1）抽离内联样式内联脚本2）defer脚本和async脚本3）压缩HTML/CSS代码资源4）压缩图片/音视频等多媒体资源5）使用雪碧图6）避免空的 src 和 href 值7）避免使用@import来引入...
2024-01-10
【JS】前端应用怎样优化性能?
公司项目里遇到的问题, 应该不妨碍发到社区的吧...应用主体基于 Backbone, View 被大量重复, 事件和页面元素在刷新时消耗很大,初步接触 Chrome 的 Timeline, 但还不清楚具体调试的手法,一般网页上的应用, 大量的 JS 代码, 应该怎样优化性能?一个遇到的场景调试中的截图:回答文章来源：前端性能优化最佳...
2024-01-10
js性能优化技巧
性能优化：简而言之，就是在不影响系统运行正确性的前提下，使之运行地更快，完成特定功能所需的时间更短http:超文本协议它的最上层是应用层 传输层 网络层 物理层请求信息：请求行 请求头 空行 消息体响应信息：状态行和状态码使用值类型的ToString方法：在连接字符串时，经常使用"+"号直...
2024-01-10提高Web性能的前端优化技巧总结
这篇文章讲述可以帮助 改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。一. 清理 HTML 文档HTML，即超文本标记语言，几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表...
2024-01-10
前端与后端性能分析
一个用户去访问一个页面的请求过程，如下图：数据传输时间 从浏览器输入网址。敲回车，开始------------真实的用户场景请不要忽略数据传输时间， 当我们发一个请求，到服务器接收到这个请求需要时间，系统处理完后，将处理结果返回给我们也需要时间。 网络传输时间往往也...
2024-01-10
股票交易APP频繁更新前端性能优化
写本文的原因有几位小伙伴最近又来问这个问题，之前帮人解答过一次，今天写下来以后有时间会多写一些解决方案，例如oom了，不用esbuild怎么解决之类的等..正式开始主题：股票交易APP（IM场景前端交互高频更新卡顿）一个正常的股票交易APP，是很复杂的，大都用原生写，但是有的公司没钱啊，...
2024-01-10
【JS】从这一篇文章入坑前端性能优化
首页专栏javascript文章详情0从这一篇文章入坑前端性能优化superior良某发布于 今天 03:20 前端性能优化的概念web性能概述Web 性能其实就是**页面性能**，一个页面的性能如何，与页面是否可以快速加载，是否允许用户快速开始与之交互，滚动和动画是否流畅等问题有关。为什么要进行性能...
2024-01-10
MySQL性能优化指南
概述为什么要优化系统的吞吐量瓶颈往往出现在数据库的访问速度上随着应用程序的运行，数据库的中的数据会越来越多，处理时间会相应变慢数据是存放在磁盘上的，读写速度无法和内存相比如何优化设计数据库时：数据库表、字段的设计，存储引擎利用好MySQL自身提供的功能，如索引等横向...
2024-01-10
MySQL性能优化小结
基础概念简述锁数据库通过锁机制来解决并发场景 — 共享锁（读锁）和排他锁（写锁）。读锁是不阻塞的，多个客户端可以在同一时刻读取同一个资源；写锁是排他的，并且会阻塞其他的读锁和写锁。简单提下乐观锁和悲观锁：乐观锁：通常用于数据竞争不激烈的场景，多读少写，通过版本号和...
2024-01-10
VUE SSR性能优化
关于 SSR（全称 Server-side-render），每一个前端同学一定都很熟悉，我们知道 SSR 可以减少白屏等待时间，对 SEO 友好，容易被搜索引擎抓取到，但是我们该怎么写好一个 SSR 项目呢？下面这篇文章由一道著名的面试题为起点，带你一步一步揭开 SSR 的奥秘。著名面试题：从浏览器中输入 URL 发生了什么。...
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-10
【Web前端问题】前端应用怎样优化性能?
公司项目里遇到的问题, 应该不妨碍发到社区的吧...应用主体基于 Backbone, View 被大量重复, 事件和页面元素在刷新时消耗很大,初步接触 Chrome 的 Timeline, 但还不清楚具体调试的手法,一般网页上的应用, 大量的 JS 代码, 应该怎样优化性能?一个遇到的场景调试中的截图:回答：文章来源：前端性能优化最...
2024-01-10iOS程序性能优化的技巧
1. 用ARC管理内存ARC(Automatic ReferenceCounting, 自动引用计数)和iOS5一起发布，它避免了最常见的也就是经常是由于我们忘记释放内存所造成的内存泄露。它自动为你管理retain和release的过程，所以你就不必去手动干预了。忘掉代码段结尾的release简直像记得吃饭一样简单。而ARC会自动在底层为你做这些工作。...
2024-01-10SQL语句性能优化（续）
上篇介绍了一下自己在项目中遇到的一种使用sql语句的优化方式（性能优化——SQL语句），但是说的不够完整。在对比的过程中，没有将max函数考虑在内，经人提醒之后赶紧做了一个测试，测试过程中又学到了不少的东西。上次用的是select count（*） 和select * 的执行效率问题，因为我的需求是获取数据...
2024-01-10
1、性能调优标准
CPU负载和CPU利用率的区别系统负载代表单位时间内正在运行或等待的进程或线程数,代表了系统的繁忙程度.CPU利用率则代表单位时间内一个线程或进程实时占用CPU的百分比.我们知道,一个进程或者线程在运行时,未必都在实时的利用CPU的.比如,在CPU密集型的情况下,系统的负载未必会高,但CPU的利用率肯...
2024-01-10
MYSQL性能优化以及建议
1、业务代码组合逻辑后进行数据库操作，如根据波次进行库存分配，可以将波次里面的订单所有明细进行分组，然后匹配库存。2、将大字段、不常用字段放置到扩展表中，将经常使用（状态、数量、编号）放到一张表中，预防经常查询所有字段带来很多网络流量开销。3、尽量使用主键进行加锁，防止...
2024-01-10
性能优化的核心思路，干货分享
一、背景平时技术交流的时候，很多同学都会问一些性能优化方面的问题。比如：有一张订单表为了保持订单记录，更新数据时不能删除，需要打算加上版本号，查询时取版本号最新的给前端，还有场景是查询订单历史给前端。订单表量一般不会太小，每次先分组查询取出最大的一条，然后外层再...
2024-01-10
