客户端优化静态资源优化 使用构建工具对HTML,CSS,JS压缩，删除生产环境下的无用代码(比如注释，打印信息等)。 提取公共资源，减少代码体积。 外链CSS和JS文件，外链的文件可以放到CDN,服务器和浏览器会进行缓存。 使用雪碧图，减少http请求数。 自动生成雪碧图:https://www.t... ...
分类：
其他好文 时间：
2019-10-07 17:42:44
阅读次数：
86
前面若不优化处理，则会出现加载耗时很久，用户懒得等待就切换到其他网站，从而网站流量丢失 目录 1、前端优化规则 2、前端优化工具 1、前端优化规则 一般来说提高网页效率依照下面14条准则 第一条：Make Fewer HTTP Requests 尽可能的减少HTTP的Request请求数。 1：用一 ...
分类：
其他好文 时间：
2019-09-30 21:42:07
阅读次数：
109
转自：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
一般说来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
最近在做我的小爱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
