[1]减小请求数量 [2]减小资源大小 [3]优化网络连接 [4]优化资源加载 [5]减少重绘回流 [6]使用性能更好的API [7]构建优化 ...
分类：
其他好文 时间：
2018-06-18 21:46:01
阅读次数：
185
什么是持久化缓存？ 原文链接https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/ 缓存（cache）一直是前端性能优化的重头戏，利用好静态资源的缓存机制，可以使我们的 web 应用更加快速和稳定。仅仅简单的资源缓存是 ...
分类：
Web程序 时间：
2018-06-08 14:35:07
阅读次数：
247
使用@import引入外部css，作用域却是全局的 这句话大家应该是见多了, 我也使用scoped, 但是使用@import引入外部样式表作用域依然是全局的，看了一遍@import的规则后, 进行初步猜测，难道是@import引入外部样式表错过了scoped style? 又回想到此前看过的前端性能 ...
分类：
Web程序 时间：
2018-05-25 10:59:05
阅读次数：
205
在移动互联网时代，作为软件测试工程师，fiddler绝对是值得掌握并添加进技术栈里的工具之一。 那么，fiddler在日常的测试工作中，一般都有哪些常见的应用场景呢？ 根据以往工作经验，大概有如下4类应用场景： 辅助定位bug； 构建模拟测试场景； APP弱网模拟测试； 前端性能分析及优化； 辅助定 ...
分类：
其他好文 时间：
2018-05-13 12:01:35
阅读次数：
177
前段时间接手了一个 web 前端性能优化的任务，一时间不知道从什么地方入手，查了不少资料，发现其实还是蛮简单的，简单来说说。 HTML、CSS、JS、AJAX 等前端技术开发的 Web 页面 服务端数据返回、网络传输、页面渲染等 计算出包含页面渲染、网络传输以及服务器端解析等综合因素在内的加载时间指 ...
分类：
Web程序 时间：
2018-04-26 21:09:17
阅读次数：
207
1. 减少http请求数常用的减少http请求数有以下几种：1）合并图片。当图片较多时，可以合并为一张大图，从而减少http请求数。经常变化的图片可能不太合适，变化相对稳定的就可以考虑。合并大图除了能减少http 请求数外，还可以充分利用缓存来提升性能。2）合并压缩css样式表和js脚本，他们的共同目的都是为了减少http连接数。3）去掉不必要的请求。开发写代码或者系统升级之后残留的无效
分类：
其他好文 时间：
2018-04-25 15:21:57
阅读次数：
143
前端监控系统 目前已经上线，欢迎使用！ 背景：应工作要求，需要整理出前端项目的报错信息，尝试过很多统计工具，如： 腾讯bugly、听云、OneApm、还有一个忘记名字的工具。 因为各种原因，如： 统计的日志无法正确分类，收费太高，存储数量有限制等等，都放弃使用了。 后来，我说：“我们自己来分析吧”， ...
分类：
其他好文 时间：
2018-04-15 11:44:28
阅读次数：
243
引言 前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己的前端性能监控系统，既然说出去了也不能食言。从前一篇文章前端数据之美相信大家对前端数据有了一定的了解，下面就针对其中的性能数据及其监控进行详细阐述。 开始行动 本文中的性能主要指 web ...
分类：
其他好文 时间：
2018-04-08 18:22:24
阅读次数：
205
最近几年，Web前端的发展非常迅速，并呈现出一片欣欣向荣的景象。但层出不穷的新技术又扰乱了开发人员的思绪，以致很多开发人员疲于学习新技术而忽略了最基础的技术修炼。很多开发人员介绍*技术时头头是道，却无法制作出一个符合W3C规范的HTML页面。国内Web前端开发者普遍不重视代码规范以及网站前端性能，很 ...
分类：
Web程序 时间：
2018-03-30 23:06:07
阅读次数：
270
HTTP是一种客户端/服务器协议，由请求和响应构成。浏览器向一个特定的URL发送HTTP请求，URL对应的宿主服务器发回HTTP响应。该协议使用简单的纯文本格式。请求的类型有GET、POST、HEAD、PUT、DELETE、OPTIONS和TRACE。 前端性能优化十四个规则： 1. 减少HTTP请 ...
分类：
其他好文 时间：
2018-03-30 12:19:54
阅读次数：
155
