博客都已静态,想再提速,要么换国内云服,要么优化一个个 JS 加载。立竿见影办法是使用 CDN 来加载,或者前端延迟加载,甚者后端判断按需加载。
在需要加载的一串 JS 里,找来找去,Valine 这货最强大 💪
47.5KB --> https://fastly.jsdelivr.net/npm/leancloud-storage/dist/av-min.js
75KB --> https://fastly.jsdelivr.net/npm/[email protected]/dist/Valine.min.js
6.4KB --> https://js.fundebug.cn/fundebug.1.9.0.min.js
撸起袖子,月干!
代码来自:hugo-theme-meme/valine.html,好使! 👍
<script type="text/javascript">
loadComments();
function loadComments() {
if (typeof Valine === 'undefined') {
var getScript = (options) => {
var script = document.createElement('script');
script.defer = true;
script.crossOrigin = 'anonymous';
Object.keys(options).forEach((key) => {
script[key] = options[key];
});
document.body.appendChild(script);
};
getScript({
src: 'https://fastly.jsdelivr.net/npm/[email protected]/dist/Valine.min.js',
onload: () => {
newValine();
}
});
} else {
newValine();
}
}
function newValine() {
new Valine({
//原配置
});
}
</script>
🎉