标签 : 前端性能优化共 8 篇文章
使用 Next.js + Hexo 重构我的博客

使用 Next.js + Hexo 重构我的博客

在咕咕了一整年、只发布了三篇文章(其中两篇还是译文)之后,我决定还是稍微花一点时间好好折腾一下自己的博客,以 React 作为抓手,通过 Next.js 和 Hexo 深度共建,对标 Gatsby,打通静态 HTML 与用户交互之间的垂直领域屏障,实现多维矩阵闭环,为个人博客赋能(咳咳咳),然后水出 2022 年第一篇文章(逃)
再快一点,再快一点 —— 优化博客白屏时间的实践
天下武功,唯快不破 —— 我是这样优化博客的
静态资源递送优化:HTTP/2 和 Server Push

静态资源递送优化:HTTP/2 和 Server Push

HTTP/2 诞生于 8 年前 Google 一封 SPDY 协议白皮书。5 年前,RFC7540 和 RFC7541 的发布正式确立了 HTTP/2。5 年过去了,支持 HTTP/2 的浏览器的市场占有率达到了 96.88%,HTTP/3 已经从 QUIC 中诞生,然而回过头来看看国内各大网站,HTTP/2 仍然没有发挥它应该有的作用。不过,HTTP/2 究竟能做什么呢?
使 Disqus 不再拖累性能和页面加载
我的博客有多快?

我的博客有多快?

哪个男孩不想拥有一个速度非常快的博客(跑)。之前我写过一些文章介绍如何统计网页的加载性能,在「前端性能监测和回传 Google Analytics」一文中就介绍了 Navigation Timing API 和 Google Analytics 的 Measurement Protoc...
图片 lazyload 的学问和在 Hexo 上的最佳实践

图片 lazyload 的学问和在 Hexo 上的最佳实践

lazyload 已经是一个前端性能优化的老生常谈的话题了。让图片不要和其它关键资源争抢带宽和性能早在雅虎军规中就有所涉及。其实任何资源包括媒体资源、DOM 节点、非关键 CSS 和 JS,都可以做 lazyload,不必多谈。不过即使简单地 lazyload 图片,也有很多值得深究的学问。
前端性能监测和回传 Google Analytics