{include file="common/sidebar" /}代码中因为有使用了随机,数据量大的情况下。页面响应速度非常卡。现在想到一个方法,就是页面完全打开以后,再去请求{include file="common/sidebar" /}中的内容显示到页面中。
我是小白,chatGTP给问到方法:
`
setTimeout(function() {
fetch("common/related").then(function(response) { return response.text();}).then(function(data) { // 使用DOMParser解析HTML字符串 var parser = new DOMParser(); var doc = parser.parseFromString(data, "text/html"); // 获取相关文档的容器元素 var relatedDiv = doc.querySelector("#relatedDiv"); // 将相关文档的容器元素插入到DOM中 var targetDiv = document.getElementById("targetDiv"); targetDiv.appendChild(relatedDiv);}).catch(function(error) { // 处理错误 console.log('Fetch Error:', error);});
}, 2000);
`
但是路径好像不对,还是这个方法不能解析这个模板。有高手指点指点吗?
目的就是等页面完全打开后,再去加载{include file="common/sidebar" /}。这样不管数据多大,都可以大大提高页面响应速度。
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。