2024年8月26日
该网站搜索功能所需的脚本仅在搜索栏处于焦点时加载。这样，它们只会为决定使用搜索功能的用户加载，带宽和页面重量可以大大减少。毕竟，只有一小部分访问者会使用搜索功能，那么为什么要每次都花费这么多钱呢？
为了实现这个简单的延迟加载技术，我们首先定义一个我们将调用的函数loadScript：
function loadScript(url) {
let isLoaded = document.querySelectorAll('.search-script');
if(isLoaded.length > 0) {
return;
}
let myScript = document.createElement("script");
myScript.src = url;
myScript.className = 'search-script';
document.…