大家有什么个人博客前端优化的宝贵经验？

[metaquant]

之前用 pelican 建了个静态博客,托管在 UCLOUD 上，前段时间读了高性能网站优化，感觉很受用，对着里面的规则对自己的博客作了优化，今天在百度统计的测试结果如下：

感觉还有一定的优化空间啊，大家有什么前端优化的经验了？一起探讨探讨。

大家可以点击我的博客测试一下，看看速度体验如何？

[kamal]

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.metaquant.org%2F&tab=desktop

[kamal]

还没说完，发出去了。
楼主做的不错了，根据谷歌的建议，再压缩代码，启用缓存什么的也提升不了多少了。

主要的问题是这里

但是你用了 bootstrap ，已经不方便优化了。
看你用到 bootstrap 特性不多，博客也挺整洁（简单）的，自己写代码能省掉这里大部分的请求。打开速度应该可以在 1 秒中内。

[metaquant]

@kamal 感谢，这应该是后期优化的方向，几个多余的字体文件占用了不少时间，虽然这已经是启用了七牛 CDN 与 GZIP 之后的结果了

[kamal]

一点不成熟的意见而已。
还有我说的不是加载时长，是时机，第一个红框的内容，完全可以在绿色的线后面的。

[ferrum]

已经很快了，还要快的话，大概只能从资源出发了。加载 Web Font 很费时间，可以考虑用 Windows 和 Mac 上都有的 Georgia 代替，配合楷体，效果也过得去。

[xiaoz]

有个 js 文件加载略慢，如下截图： https://img.bsdev.cn/uploads/1611/230431475448.png

[metaquant]

@ferrum 感谢，考虑 Georgia ，不过不太喜欢，不好意思，有点排版强迫症

[metaquant]

@xiaoz 是的，那个 JS 文件体积太大，考虑后期还要再压缩一下

[metaquant]

@kamal 好的，后期再研究一下，看了你的博客，原来是前端优化的专家啊

[kamal]

汗，最近这方面的文章看的多了一点而已，不是专家艾。

[bdbai]

专家？
@qgy18

[shyling]

我觉得快慢不太重要。。。

[metaquant]

@bdbai JerryQu 的博客确实厉害，首屏不到 100KB ，只有 7 个请求，我前些天一直用它测速对比来着

[adminsvv]

@metaquant 他那个 ssl 优化是真的屌

[bdbai]

@metaquant 静态资源丢 localStorage 大概只有他想得出来

[metaquant]

@bdbai 这一点我一直奇怪来着，为什么会没有静态文件？他博客里有写怎么做的吗？

[bdbai]

@metaquant https://imququ.com/post/wpo-of-mobile-web-1.html

[metaquant]

@bdbai thanks

[liuxingou]

@metaquant

主题很赞啊，给个 link 啊~

[metaquant]

@liuxingou 感谢支持，我在[About]( http://metaquant.org/pages/about.html)页面介绍了，这个主题是我自己在 Bootstap Flat UI 主题上修改而成的，取名叫 Zening,做了很多定制，可能不太通用，感兴趣的话可以点击 ABOUT 页面里的链接下载