如何延迟加载HTML代码段以提高页面性能
<p>可以使用JavaScript来实现在页面加载完成后再显示这段代码。可以将代码放在<script>标签中,并使用window.onload事件来触发代码的执行。</p>
<p>以下是修改后的代码:</p>
<pre><code class="language-html"><div id='content' style='display:none;'>
<div class='{#$web.web_id#} neirong_neirong_seo'>
<p>
本页网址:https://www.qwmulu.com/site/{#$web.web_id#}.html,收录日期:{#$web.web_ctime#},网站ID:{#$web.web_id#},{#if $user.user_email != '269406793@qq.com'#}邮箱:{#$user.user_email#}{#/if#}{#if $user.user_qq != '269406793'#},QQ号:{#$user.user_qq#}。{#/if#}</br>
{#if $web.web_beian != ''#}ICP备案信息:{#$web.web_beian#}。</br>{#else#}ICP备案信息:<script type='text/javascript' src='https://icp.aizhan.com/geticp/?host={#$web.web_url#}&style=text' charset='utf-8'></script>。</br>{#/if#}
{#if $web.web_ymnl != ''#}域名年龄:{#$web.web_ymnl#}。</br>{#/if#}
浏览次数:{#$web.web_views#} 个,入站次数:{#$web.web_instat#} 次,出站次数:{#$web.web_outstat#} 次。</br>
{#if $web.web_url != ''#}{#if $web.web_brank != '0'#}站长权重:<img src='/public/images/bpr/{#$web.web_brank#}.gif'>,{#/if#}百度:<img src='/images/br/{#$web.bdqz#}.png'>,百度移动:<img src='/images/mbr/{#$web.mbdqz#}.png'>,{#if $web.web_grank != '0'#}谷歌:<img src='/public/images/gpr/{#$web.web_grank#}.gif'>,{#/if#}搜狗:<img src='/images/sr/{#$web.sgqz#}.png'>,360:<img src='/images/360/{#$web.soqz#}.png'>,
神马:<img src='/images/sm/{#$web.smqz#}.png'>,头条:<img src='/images/tt/{#$web.ttqz#}.png'>,网站总流量:{#$web.wzzll#} IP,pc流量:{#$web.pcll#} IP,移动流量:{#$web.ydll#} IP,HTTP状态码:{#$web.http#}{#if $web.web_arank != '0'#},Alexa排名:{#$web.web_arank#} 名{#/if#}。</br>{#/if#}
{#if $web.web_wylx != ''#}页面类型:{#$web.web_wylx#},{#/if#}{#if $web.web_fwqlx != ''#}服务器类型:{#$web.web_fwqlx#},{#/if#}{#if $web.web_wyys != ''#}网页是否压缩:{#$web.web_wyys#},{#/if#}{#if $web.web_ywydx != ''#}原网页大小:{#$web.web_ywydx#},{#/if#}{#if $web.web_ysdx != ''#}压缩后大小:{#$web.web_ysdx#},{#/if#}{#if $web.web_ysb != ''#}压缩比(估计值):{#$web.web_ysb#}。</br>{#/if#}
{#if $web.web_ip != '0.0.0.0'#}该网站服务器IP:{#$web.web_ip#},网站服务器放在:{#$web.addr#}。{#/if#}更新时间:{#$web.web_utime#}
</p>
</div>
</div>
<script>
window.onload = function() {
document.getElementById('content').style.display = 'block';
}
</script>
</code></pre>
<p>在上面的代码中,我使用了一个div元素将要显示的内容包裹起来,并设置了display:none样式来隐藏它。然后在window.onload事件中,将该div元素的display样式设置为block,以使其在页面加载完成后显示出来。</p>
原文地址: https://www.cveoy.top/t/topic/Hlf 著作权归作者所有。请勿转载和采集!