之前我在「天下武功，唯快不破 —— 我是这样优化博客的」一文中提到「对于大部分浏览器来说，确保 JS 异步加载和执行的做法其实是在操作 DOM 动态插入 <script async>」，但是并没有给出详细原因。这一次我以 Google Analytics 的统计代码为引子，详细讲讲 <script> 的 async 和 defer 属性、以及它们背后的故事。 拆开 Google Ana...
哪个男孩不想拥有一个速度非常快的博客（跑）。之前我写过一些文章介绍如何统计网页的加载性能，在「前端性能监测和回传 Google Analytics」一文中就介绍了 Navigation Timing API 和 Google Analytics 的 Measurement Protocol。我的博客使用自己写的 cloudflare-workers-async-google-analyti...
Google Analytics 可以对网页或应用的「受众群体」从不同维度进行分层：地理位置、语言、浏览器、设备型号、服务提供商（ISP），等等。 如上图所示，Google Analytics 支持从国家、省份、城市分析访客数据。但是由于国内互联网环境复杂，在 Google Analytics 中根据网络运营商（ISP）维度进行分层的结果令人眼花缭乱，你并不能直观地看到「中国电...
我一直以来都在使用 Google Analytics 统计自己的博客和几个网站访问情况。但是一个 gzip 以后都还有 45KB 大小的 analytics.js、Cache-Control 还只有 7200 秒；Google 国内的数据中心会被抽风不说，www.google-analytics.com 域名早就上了各个广告屏蔽软件的黑名单。 异步 Google Analytics 避...
在 Performance 对象出现以前，来自神秘的东方的前端开发者们采用一种古老的、带着传奇色彩的、但是极为常见的方法来获取一个网站的资源加载用时
