闲来无事更新,为唯一有流量的网页小工具《贷款计算器》页面加入了最近AI写的邮件留言功能,在右下角添加一个按钮,点击可用最简单的方式给我发送邮件留言,同时兼顾简便及送达率。然后发现这个简单的单文件网页小工具,在功能逐渐添加下,代码已经达到了1800多行,80kb的大小,及多个外部文件的同步加载,似乎开始臃肿。
那么开始精简优化
1、核心功能贷款计算代码未动;
2、截图功能仍然很重要,未动;
3、打开同款贷款计算器微信小程序按钮,将按钮事件js代码独立文件,按需调用;
4、新加入的邮件留言功能按钮,将按钮事件js代码独立文件,按需调用;
5、微信分享标签相关代码,仅在微信中打开时才调用相关js代码。
6、精简css代码,移除代码中所有注释(反正我也看不懂,AI应该不太需要注释)。
优化后的页面文件剩余1200多行,51kb。

文章评论