网络加载类 减少 HTTP 资源请求次数 合并静态资源图片、JavaScript 或 CSS 代码,减少页面请求数和资源请求消耗 避免重复的资源,防止增加多余请求 减小 HTTP 请求大小 减少没必要...

前端性能优化清单之三
静态资源优化 你是使用 Brotli 还是 Zopfli 进行纯文本压缩? 在 2005 年,Google 推出了Brotli,一个新的开源无损数据压缩格式,现在 被所有的...

QQ空间前端工程师如何做首屏优化
QQ空间如何优化hybrid页面 把H5页面内嵌在QQ空间客户端里面,是一个开发重点转型的问题,也是面临的新的优化课题。 hybrid页面主要体现在两个客户端:QQ空间客户端和手Q客户端...

【前端冷知识】Canvas 滤镜的性能优化
最近几天没有及时更新,是因为这几天在忙一个项目mesh.js,这个项目是一个基于Canvas2D和WebGL的跨平台图形系统,提供底层的高性能API,同时也将是未来新版SpriteJS的...
优化页面访问速度(四) ——前端优化
一、概述 前端的优化,主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。 二、减少HTTP请求 1、HTTP开销 HTTP请求,需要耗费资源,...

前端性能优化年度总结 — 第一部分
起步:计划与指标 对于持续跟踪性能,“微优化”(micro-optimization)是个不错的主意,但是在脑子里有个明晰的目标也是很必要的 — 量化的目标会影响过程中采取的所有决策。有许多不同的模型...

前端性能优化清单之二
你会在你的项目中使用 AMP 和 Instant Articles 么? 依赖于你的组织优先性和战略性,你可能想考虑使用谷歌的 AMP 和 Facebook 的 Instant Articles 或...
前端性能优化篇之设置缓存Expires、cache-control
1. Cache -Control HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。 在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存...
前端优化系列 - 首次显示的性能影响分析
对于前端开发者来说,页面打开的速度是影响用户体验的一个重要因素。据统计,用户打开一个页面,如果超过1秒钟页面没有任何内容显示的话,用户将会离开这个页面。而数据表明,即使在资源有缓存的情况下,页面首次访...

前端性能优化之自定义性能指标及上报方法详解
性能优化是所有前端人的追求,在这条路上,方法多种多样。这篇文章,说一下利用浏览器的一些API,可以怎样进行自定义性能指标及上报。 PS:后面会出一篇利用chrome开发者工具进行性能分析的哦,敬请...
122