个人博客也写了有一段时间了,之前是能访问到就好,对速度没啥追求。前段时间,自己访问的时候,都感觉到页面加载速度比较慢,比较影响体验。此外加载慢的话,还会影响搜索引擎排名。于是动手对博客进行了系列的优化,提升了页面的加载速度。中间遇到了不少坑,本文记录下来,希望对大家有所帮助。先说下个人博客的整体架构,博客是基于Hexo搭建的。托管在 GitHub 上,每次增加新的 markdown 文章后,就会触发 Github Action 自动构建,生成静态文件。这里静态页面没有直接用 Github Pages 托管,而是用了netlify,因为 netlify 提供了免费的 CDN 加速,国内和国外访问延迟都还可以,并且部署也很简单。CDN 加速首先就是 CDN 加速,对于静态页面,这种方法最简单的、最有效的。博客里的 html 文件,直接用 netlify 自带的 CDN 加速,国内、外访问速度提升了很多。除了静态 html 文件,还有一些页面 css 和 js 资源,以及最耗带宽的图片资源。CSS 和 JS 文件这里 js 和 css 我也是和博客静态文件一样,依赖 netlify CDN 加速。只要把这些静态文件全部放在博客的主题 css 和 js 目录下,然后在博客模板中引用即可。1234link(rel='stylesheet', type='text
...
继续阅读
(139)