3 KB 的博客首页，我是如何做到的？

[kkocdko]

迫于权重没有 V 站高，而且注册不满 300 天，希望各位到 本人博客 去看看，顺便求个 Star：kblog - GitHub

这并不是一篇网络上泛滥的“前端体积优化”文章。

百尺竿头，更进一步！本文以我的博客为例，介绍极限控制页面体积的奇技淫巧。

成果预览

眼见为实，本人博客首页 的网络传输总体积为 2.6 KB。

[jellybool]

这域名劝退

[kkocdko]

啊哈？域名怎么了，太长了么

[anxn]

SEO 友好吗？

[kkocdko]

@anxn 非常友好，虽然是 SPA，但生成的依然是静态页面（可以试试禁用 JavaScript ），但是国内的百度之流实在没办法。
由于这个域名是新换的，所以目前收录还在进行，之前用 GitHub Pages 的时候 Bing 和 Google 的收录都不错

[stimw]

确实很快啊...单纯作为博客来说体验是不错的...

[xiaopc]

提一句，CSS 通配选择器性能可不高

[wtks1]

作为博客来说，这个加载速度相当优秀了，感知非常明显

[keith1126]

很棒的文章，前端原来可以玩得这么有趣

[kkocdko]

@xiaopc 确实，平常当然不会这么写，然而为了追求极限体积，牺牲那不到一毫秒的解析时间还是值得的~

[hronro]

强啊，我当年高中毕业的时候，连 Hello World 都不会。

顺带一说，你都上了 HTTP2 + Server Push 了，其实不打包反而性能更好

[Kmmoonlight]

东西挺好 就是 右上角那个 返回顶部的按钮 好像只有在顶部的时候才会出现

[h404bi]

精简的最终归宿终将是 raw txt 。写得挺好的

[kkocdko]

@hronro 不打包主要是缓存粒度的问题，这里打包后体积很小，经过测试，性能还是略有优势的。

另外，使用 gzip 或 brotil 压缩的时候，打包后压缩率会比多个文件分别压缩要更好一些~

[kkocdko]

@Kmmoonlight 向下滚动顶栏隐藏，向上滚动一下，顶栏就会出现了~

[ZeawinL]

看看能不能混个友联 https://someexp.com/

[kkocdko]

@ZeawinL Yeah, https://kkocdko.site/about/#links
给你的 Repo 发了个 PR，如果没问题的话就合并下呗

[qq316107934]

Lighthouse 的 Performance 和 Best Practice 已经 100 了，可以的；才高三毕业，未来可期啊

[xtx]

厉害厉害，高考考得怎么样

[shuax]

强啊，无敌

[cue]

考得怎么样？