本站使用 XinghuisamaBlogs 构建,并且在原版的基础上优化了访问速度以及各方面的使用体验,感谢原作者的优秀项目。
做了三项优化:
1. 重组件改为动态加载 (XHBlogs/app/layout.tsx)
BackgroundEffects(萤火虫/樱花/草地)、FloatingPlayer、ClickEffect、BackgroundSlider、GlobalToolbox、CyberCat、DanmakuBackground全部改用next/dynamic- 这些组件的 JS 现在在独立 chunk 里异步加载,不再阻塞首屏渲染
2. 图片懒加载
LatestPostsGrid和LatestPostsCarousel的封面图加了loading="lazy"- 图片只在即将进入视口时才下载
3. katex CSS 按需引入
- 从全局
layout.tsx移除katex/dist/katex.min.css(~70KB) - 只在真正用了 katex 的页面(
about,posts/[slug],chatter/[slug])引入
这些改动对手机端加载速度会有明显改善,但性能上限受限于图片体积和 Vercel 网络。
