为了优化网页加载速度,可以将CSS和JS文件的链接放到一个变量中,同时使用defer属性来延迟脚本的执行。具体方法如下:

首先,将CSS和JS文件的链接分别存储在两个变量中:

const cssUrl = 'https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.8/tianli_gpt.css';
const jsUrl = 'https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.8/tianli_gpt.js';

然后,使用defer属性来延迟脚本的执行:

<link rel="stylesheet" href="${cssUrl}">
<script defer src="${jsUrl}"></script>

最后,在脚本中添加其他相关代码:

<script>
  let tianliGPT_postSelector = '#post #article-container';
  let tianliGPT_key = '5Q5mpqRK5DkwT1X9Gi5e';
</script>

通过以上方法,可以使页面更快地加载,同时避免脚本阻塞页面的渲染,提高用户体验。

优化网页加载速度:将CSS和JS文件链接到变量并延迟脚本执行

原文地址: https://www.cveoy.top/t/topic/nA3K 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录