前端性能优化主要有两个方面： 初始阶段 >加载优化 运行阶段 >渲染优化 一、初始阶段 >加载优化 1. 首页加载慢 首页加载图片过多： 使用懒加载的方法减少首屏图片的加载量（懒加载的原理就是监听滚动条事件，如果满足滚动条距离浏览器顶部的高度 图片距离顶部的高度，将data-src赋值给src） 对 ...
分类：
其他好文 时间：
2021-05-24 05:09:59
阅读次数：
0
轻松渲染优化：使用ReactHooks进行state跟踪作者|DaishiKato译者|王文刚编辑|Yonie介绍ReactuseContext使用起来非常方便，它可以访问定义DOM树中多个组件的全局状态或共享状态。但是，useContext不是专为全局状态设计的，并且有一个警告：对上下文值的任何更改都会多播，导致所有useContext重新渲染组件。这篇文章展示了一些关于问题的示例代码以及具有s
分类：
其他好文 时间：
2020-12-23 12:27:09
阅读次数：
0
1. 禁止使用iframe，会阻碍父文档的onload事件 搜索引擎的解读程序无法解析这种页面，不利于SEO iframe和主页面共享连接池，而浏览器对于同域的加载是有限制的，会阻碍主页面的并行加载 2. 禁止使用gif文件实现loading效果 3. 使用css3代替js实现动画，减少对DOM的操 ...
分类：
其他好文 时间：
2020-05-22 09:43:17
阅读次数：
68
https://blog.csdn.net/yudianxia/article/details/79339103 https://blog.csdn.net/e295166319/article/details/79107399 https://www.cnblogs.com/dyf214/p/10 ...
分类：
编程语言 时间：
2020-01-07 18:07:37
阅读次数：
56
前言 性能优化，一直作为前端的一个热点问题，作为一个优秀的前端开发人员，性能优化时必备技能。本文将从减少http请求次数、减少单次请求资源大小、渲染优化、资源加载优化等四个大方向，下分诸多小方向，全面总结常用前端优化方法。 (内容较多请看目录) 减少http请求次数 1.浏览器缓存策略 浏览器缓存机 ...
分类：
其他好文 时间：
2019-12-15 12:46:55
阅读次数：
99
为什么做优化 经典问题：白屏时间过长，用户体验差产生的原因：网络问题、关键渲染路径（CRP）问题 怎么做优化 如何做好优化呢，网上随便一搜，就有很多优化总结，无非就是网络优化、静态资源（html、js、css、image）优化。下面我们撇开网络方面的优化，只分析静态资源方面的优化。而静态资源的优化关 ...
分类：
其他好文 时间：
2019-11-23 18:27:46
阅读次数：
66
优化浏览器渲染，要从关键渲染路径出发，基本上是优化HTML、CSS、JS的依赖关系。 其中HTML构建的DOM消耗是必须的。 1. 从阻塞渲染的CSS出发 CSS默认是阻塞渲染的资源。 根据浏览器渲染的过程可知，浏览器渲染的基础是DOM和CSSOM。在生成CSSOM之前，不会渲染任何内容。 生成CS ...
分类：
其他好文 时间：
2019-11-17 12:57:48
阅读次数：
58
单页面应用（SinglePage Web Application，SPA） 只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次 前后端分离 减轻服务器压力 增强用户体验 Prerender预渲染优化SEO 前后端分离 减轻 ...
分类：
其他好文 时间：
2019-01-25 21:43:23
阅读次数：
160
逻辑优化 代码封装优化 代码执行效率优化 界面优化 离屏渲染优化 界面加载优化 逻辑优化 代码封装优化 代码的封装优化主要是细化代码的功能，每个功能单独提取出来做成一个方法，当其他地方需要用到同样功能时直接调用该方法即可，无需写重复代码，减少代码量，增加代码的重用性，方便单元测试。例如：一个过滤输入 ...
分类：
移动开发 时间：
2018-12-31 11:52:50
阅读次数：
287
https://unity3d.com/cn/learn/tutorials/temas/performance-optimization/optimizing-graphics-rendering-unity-games （官方原文链接） 游戏中的图形渲染优化 介绍： 在这篇文章中我们将学习当Un ...
分类：
其他好文 时间：
2018-10-04 17:24:07
阅读次数：
197
