速度优化
所有图片增加 Loading 属性
引用 https://www.80srz.com/posts/1377.html
修改 var/Utils/HyperDown.php 第 496 与第 508 行关于 img 的部分,原文增加了许多,但我只需要增加loading="lazy",就像下方代码记得添加转义符
<img loading=\"lazy\" src=\"{$url}\" alt=\"{$title}\" title=\"{$title}\">
不再使用自有服务器缓存
我当时设置时候绝对脑子被糊住了,有CDN还只在自己的服务器上设置缓存
不再使用本地静态资源
全部更换为zstatic.net提供的静态资源CDN,也都设置了SRI
大部分调用外部资源使用rel="preload"
测试页面加载速度时候测试网站提示我有外部资源阻塞渲染,询问Copilot后给大部分外部调用资源添加了:
rel="preload" as="style":MDN
onload="this.onload=null;this.rel='stylesheet'":页面加载完毕后更改为stylesheet。
测试网站加载速度:https://www.webpagetest.org/
美化
首页header改为手写文字
使用:https://github.com/jrenc2002/GenLineAnimation-Server
偶然看到ipone第一次开机动画的手写HELLO觉得特别漂亮,在多方搜索下知道了svg,又在搜索下知道了 jrenc2002 的GitHub库。虽然字体和苹果差很多但是类似手写出来的动画很漂亮。
安全优化
增加防反代
引用:https://yfzhu.cn/posts/1014/
<script>
(function() {
var encodedValidDomain1 = 'd3d3LmRteHZ4LmNj'; // 使用Base64编码替代明文字符串`dmxvx.cc`
var encodedValidDomain2 = 'bG9jYWxob3N0'; // 使用Base64编码替代明文字符串`localhost`
var encodedRedirectUrl = 'aHR0cHM6Ly93d3cuZG14dnguY2M='; // 使用Base64编码替代明文字符串`https://www.dmxvx.cc`
// 对Base64编码后的域名和URL进行解码
function decodeBase64(encodedStr) {
return atob(encodedStr);
}
var validDomain1 = decodeBase64(encodedValidDomain1);
var validDomain2 = decodeBase64(encodedValidDomain2);
var redirectUrl = decodeBase64(encodedRedirectUrl);
// 如果访问不是来自指定的域名,则自动跳转页面
var hostname = document.location.hostname;
if (hostname !== validDomain1 && hostname !== validDomain2) {
window.location.href = redirectUrl;
}
})();
</script>
November 6th, 2024 at 02:01 am
挺好的,体验上