一、概述 前端的优化，主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。   二、减少HTTP请求 1、HTTP开销 HTTP请求，需要耗费资源，...

起步：计划与指标 对于持续跟踪性能，“微优化”（micro-optimization）是个不错的主意，但是在脑子里有个明晰的目标也是很必要的 — 量化的目标会影响过程中采取的所有决策。有许多不同的模型...

 你会在你的项目中使用 AMP 和 Instant Articles 么？ 依赖于你的组织优先性和战略性，你可能想考虑使用谷歌的 AMP 和 Facebook 的 Instant Articles 或...

1. Cache -Control HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。 在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存...

对于前端开发者来说，页面打开的速度是影响用户体验的一个重要因素。据统计，用户打开一个页面，如果超过１秒钟页面没有任何内容显示的话，用户将会离开这个页面。而数据表明，即使在资源有缓存的情况下，页面首次访...

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

什么是http？ HTTP是hypertext transfer protocol（超文本传输协议）的简写，它是TCP/IP协议的一个应用层协议，用于定义WEB浏览器与WEB服务器之间交换数据的过程(...

前端工程化是什么？ 前端工程化是一种思想！在一个瞬间，我头脑里给我这么一个答案。前端工程化首先应该是一个思想，而不是一个个具体的工程化方案，前面绝大多数文章、人都在讲方案，以一个方案去讲清一个思想，太...

在我们日常的开发中经常会用到一些容易被反复触发的事件。比如：scroll、resize、鼠标事件(mousemove,mouseover等)、键盘事件(keyup、keydown)。 频繁触发回调导致...

你是否激活了连接以加快传输？ 使用 资源提示 来节约时间，如 dns-prefetch （在后台执行 DNS 查询），preconnect （告诉浏览器在后台进行连接握手（DNS, TCP, TLS）...