优化网页加载速度:将CSS和JS文件链接到变量并延迟脚本执行
为了优化网页加载速度,可以将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>
通过以上方法,可以使页面更快地加载,同时避免脚本阻塞页面的渲染,提高用户体验。
原文地址: https://www.cveoy.top/t/topic/nA3K 著作权归作者所有。请勿转载和采集!