- Published on
比较了 Grunt 和 Gulp 执行合并代码、压缩代码和压缩图片等常见任务的性能和代码简洁度。由于项目较小,Gulp 在性能上没有明显优势,但代码更简洁易维护,推荐使用 Gulp。
比较了 Grunt 和 Gulp 执行合并代码、压缩代码和压缩图片等常见任务的性能和代码简洁度。由于项目较小,Gulp 在性能上没有明显优势,但代码更简洁易维护,推荐使用 Gulp。
排查了一个广告素材卡顿问题,发现问题由一个频繁添加style标签的JS函数导致浏览器重计算样式和重渲染,造成性能问题。
页面性能可从加载时间、资源数量和结构、网络请求等方面进行评测。加载时间包含浏览器响应、onload事件触发和所有资源下载完成等三个阶段。资源方面要考虑请求数、文件大小、异步请求数量和错误请求数量。网络方面,需要关注 DNS查询、连接建立、服务器处理、数据传输和等待时间等环节。这些因素相互关联,共同影响页面性能。