# 性能

优秀的性能是网页浏览的核心。无论是网络优化还是博客所消耗的硬件性能都是衡量网页是否优秀的重要参数。

# 静态文件优化

本地静态文件的大小优化。

使用gulp压缩博客静态资源 (opens new window) - Akilar

gulp (opens new window)能够帮助用户自动压缩静态资源,配合各类下属插件,能够压缩包括css、js、html乃至各类格式的图片文件。(图片文件的压缩往往只能节省几十KB,效果远远不如imagine、tinypng等压缩方式,所以此处不再写使用gulp压缩图片的内容)。

博客基本优化 (opens new window) - Akilar

博客优化副本任务:按照糖果屋优化日记的教程索引,完成博客基本优化

# 网络速度

让你的博客拥有CDN加速。

目前可用cdn整理 (opens new window) - 安知鱼

可用npm镜像 jsDelivr https://cdn.jsdelivr.net/npm

Butterfly CDN链接更改指南,替换jsdelivr提升访问速度 (opens new window) - 张洪Heo

使用错误的cdn会导致博客服务无法访问,访问速度过慢的问题。因为众所周知的原因jsdelivr无法使用了,但是替换cdn不知道替换成什么比较好。使用新版butterfly的用户可以切换成本地模式,但是如果是旧版butterfly用户的话或者新版想要提升速度就需要第三方的cdn了。

使用 CDN 加速你的博客吧 (opens new window) - 心流

CDN,即内容分发网络,它使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。我们可以借助 CDN 来加速我们的网站以达到提高用户访问速度以及隐蔽真实 ip 的效果。

使用Vercel部署博客网页 (opens new window) - Akilar

使用Vercel部署博客网页,进一步提高访问速度

# PWA

Hexo 博客开启 PWA 功能 (opens new window) - Ordis

使用前先了解一下什么是 PWA:

PWA(Progressive Web App)是一种理念,使用多种技术来增强 web app 的功能,可以让网站的体验变得更好,能够模拟一些原生功能,比如通知推送。在移动端利用标准化框架,让网页应用呈现和原生应用相似的体验。

PWA 不能包含原生 OS 相关代码。PWA 仍然是网站,只是在缓存、通知、后台功能等方面表现更好。Electron 程序相当于包裹 OS 原生启动器(Launcher)的网站,未来,许多 Electron 程序可能转化为 PWA。

最近更新时间: 2022-10-12