转自：http://blog.itpub.net/69917606/viewspace-2643472/ 浏览器访问优化 2.2. CDN CDN 一般缓存的是静态资源。 CDN 的本质仍然是一个缓存，而且将数据缓存在离用户最近的地方，使用户已最快速度获取数据，即所谓网络访问第一跳。 正反向代理-理 ...
分类：
其他好文 时间：
2019-09-18 13:14:12
阅读次数：
67
前不久，公司前端开会，领导抽问了4个问题，前3个简单大家都答起来了，第4个问题关于缓存的这方面我只是了解，结果刚好问到我了（会的不问，专门挑我不熟悉的问，我这运气真是没话说），20多个前端看着我，答得不是很好，感觉很臊皮，遂重新研究并记录下成果。 讲下缓存以及200 form cache 和304的 ...
分类：
Web程序 时间：
2019-09-16 16:33:45
阅读次数：
115
为什么要关注前端性能？ 对于互联网公司来说，性能的好坏会从根本上影响到公司的利益 性能 影响 Yahoo延迟400ms 流量下降了5-9% Bing延迟了2s 收入下降了4.3% Google延迟400ms 搜索量下降0.59% Mozilla页面打开减少2.2s 下载量提升5.4% Netflix ...
分类：
其他好文 时间：
2019-09-15 00:40:49
阅读次数：
90
一般说来Web前端指网站业务逻辑之前的部分，包括浏览器加载、网站视图模型、图片服务、CDN服务等，主要优化手段有优化浏览器访问、使用反向代理、CDN等。 4.2.1 浏览器访问优化 1、减少http请求 合并CSS、合并Javascript、合并图片 2、使用浏览器缓存 对于更是频率低的资源，通过设 ...
分类：
Web程序 时间：
2019-09-05 13:31:22
阅读次数：
101
组件懒加载也叫按需加载； 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 打包 build 后的 dist 中 js 包文件太大，影响页面加载速度，使用 vue 的异步组 ...
分类：
其他好文 时间：
2019-08-30 17:15:42
阅读次数：
158
对前端性能测试工具还不了解，在请教了旁边的前端同事后学习到了简单的工具，在这里总结下。 前端的性能测试测什么？ 以下是复制： 渲染引擎工作流 dom树构建：从html标签的解析开始，将各种标签解析为dom树中的各个节点，标签和dom树的中的节点是一一对应关系。 渲染树构建：将CSS和style标签中 ...
分类：
其他好文 时间：
2019-08-29 13:55:44
阅读次数：
85
最近在做我的小爱ADMIN后台管理系统，结合当前市场后台管理系统对相关功能的需求，我又开始新增了一些新的功能和组件，如分享功能组件，项目国际化功能；项目完成后，部署在nginx服务器，发现首次访问的速度特别慢，严重的影响了用户体验，因此，我又开始进行了一系列的前端性能优化;以及将优化后的项目部署到n ...
分类：
微信 时间：
2019-08-29 09:54:57
阅读次数：
288
一、前端性能优化问题解决 1.减少http请求 (1)从设计实现层面简化页面 (2)合理设置http缓存 (3)资源合并与压缩 (4)css sprites：合并css图片、减少请求数 2.将外部脚本置底（将脚本内容在页面信息内容加载后在加载） 浏览器是可以并发请求的，这一特点使得其能够更快的加载资 ...
分类：
其他好文 时间：
2019-08-19 21:15:12
阅读次数：
64
1、什么是重绘与回流 Render tree 的重新构建就叫回流。当布局和几何属性改变时就需要回流，鼠标移动到图片 图片变大 也会触发回流。回流 能避免就避免 Render tree 改变外观、风格 而不影响布局的时候，就叫重绘 重绘与回流的关系：回流会引起重绘 重绘不一定会引起回流 2、避免重绘回 ...
分类：
Web程序 时间：
2019-07-10 18:21:26
阅读次数：
137
本文原链接：https://www.cnblogs.com/xiaohuochai/p/9178390.html 前端性能优化的七大手段 前面的话 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求 ...
分类：
其他好文 时间：
2019-06-26 10:58:26
阅读次数：
126
