这篇文章将介绍下实际使用performance对页面进行优化的过程。总的来说，chrome performance工具让我们更方便的发现在代码运行过程中的问题在哪里，便于对一些可能注意不到的问题进行定位、分析和优化。原文首发于个人博客 首先，我们对进入整个详情页进行分析，整个页…

互联网发展非常迅速，所以我们创造了Web平台。通常我们会忽视连通性等问题，但用户们却不会视而不见。一瞥万维网的现状，可以发现我们并没有用同情心、变通意识去构建它，更不要说性能了。 所以，今天的Web是什么状态呢？ 在这个星球上的74亿人中，只有46％可以上网。平均网络速度上限为…

本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践， 在此基础上补充了一些相关或者更符合主流技术的内容。

下面你将会看到你可能需要考虑到的前端性能优化问题，以保证你的应用具有快速和流畅的响应时间。 在 2005 年，Google 推出了 Brotli，一个新的开源无损数据压缩格式，现在 被所有的现代浏览器所支持。实际上，Brotli 比 Gzip 和 Deflate 更有效。取决于…

前端优化应该站在整个 web 系统这个层次去做，去分析瓶颈 去找到优化目标 当然 既然要谈前端性能优化 如果在团队去坚持使用前端工程化工具如 gulp grunt webpack 的话 基本覆盖了前端能做的优化 case

本文以腾讯云平台的 CDN 服务为例，记录下在个人网站开发和公司项目实战中的对 CDN 使用的心得：便宜没好货。 1. 什么是 CDN？ 可以简单理解成：CDN 就是一个能让用户以最快速度访问到相应资源的网盘。 2. 如何访问 CDN 资源？ 在云平台的控制台开启“对象存储”服…

提高 web 应用的性能从来没有比现在更重要过。网络经济的比重一直在增长；全球经济超过 5% 的价值是在因特网上产生的（数据参见下面的资料）。这个时刻在线的超连接世界意味着用户对其的期望值也处于历史上的最高点。如果你的网站不能及时的响应，或者你的 app 不能无延时的工作，用户会很快的投奔到你的竞争对手那里。

2017 年网页性能进行优化指南