博客加载速度优化

博客加载一直很慢,昨晚折腾的事情如下:

netlify

对接了 netlify,可以试试打开他们家的主页,没有一分钟都加载不出来,比用 github page 都要慢,放弃!

netlify 异常强大,后台可以直接注入 script,几行代码就可以搭建一套 cms。

zeit

  • 后来又搜索到一家服务商 zeit.co 也提供了静态页部署的功能,速度那是杠杠的,基本秒开确实快,但是每次部署都要手动去网页上点击一个发布,这是一个免费就需要折磨的节奏吗?

netlify精简版

bootcdn

  • 还是老老实实的国内 coding 加国外 github,但是可以配置 js 的引用地址,测试了几个 cdn,还是 bootcdn 快,将 /next/_config.yml 下面的 vendors 修改如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

# Internal version: 2.1.3
jquery: //cdn.bootcss.com/jquery/2.1.3/jquery.min.js


# Internal version: 2.1.5
# See: http://fancyapps.com/fancybox/
fancybox: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.js
fancybox_css: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css

# Internal version: 1.0.6
# See: https://github.com/ftlabs/fastclick
fastclick: //cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js

# Internal version: 1.9.7
# See: https://github.com/tuupola/jquery_lazyload
lazyload: //cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js

# Internal version: 1.2.1
# See: http://VelocityJS.org
velocity: //cdn.bootcss.com/velocity/1.2.1/velocity.min.js

# Internal version: 1.2.1
# See: http://VelocityJS.org
velocity_ui: //cdn.bootcss.com/velocity/1.2.1/velocity.ui.min.js

# Internal version: 0.7.9
# See: https://faisalman.github.io/ua-parser-js/
ua_parser:

# Internal version: 4.6.2
# See: http://fontawesome.io/
fontawesome: //cdn.bootcss.com/font-awesome/4.6.2/css/font-awesome.min.css

# Internal version: 1
# https://www.algolia.com
algolia_instant_js:
algolia_instant_css:

# Internal version: 1.0.2
# See: https://github.com/HubSpot/pace
# Or use direct links below:
# pace: //cdn.bootcss.com/pace/1.0.2/pace.min.js
# pace_css: //cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-flash.min.css
pace: //cdn.bootcss.com/pace/1.0.2/pace.min.js
pace_css: //cdn.bootcss.com/pace/1.0.2/themes/black/pace-theme-minimal.min.css

打开速度明显可以提升。

小结

此处没有更多小结,域名没法备案啊,没有暂住证没有居住证👿….

坚持原创技术分享,您的支持将鼓励我继续创作!