zoukankan      html  css  js  c++  java
  • js 过多 导致页面加载过慢

    自己的代码检查了很久,才检查 出来

    通常我们的网站里面会加载一些js代码,统计啊,google广告啊,百度同盟啊,阿里妈妈广告代码啊,
    一堆,最后弄得页面加载速度很慢,很慢。
    解决办法:换一个js包含的方式,让javascript加载速度倍增。
    把通常加载方式:
    <script src="xxxx.js"></script>
    改变成:
    复制代码 代码如下:
     
    <script type="text/javascript">
    document.write("<scr"+"ipt src="xxx.js"></sc"+"ript>")
    </script>
    举个例子:
     
    比如下面是申请的站长统计代码,以前尽管是把它放在页面的最底部,但还是拖累页面加载进度。
    <script src="http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic" language="JavaScript" charset="gb2312"></script>
     
    我们可以把它换成这样的方式来加载(任然放在页面最底部):
    复制代码 代码如下:
     
    <script type="text/javascript">
    document.write("<scr"+"ipt src="http://69.cnzz.com/stat.php?id=2651&web_id=2681&show=pic" language="JavaScript" charset="gb2312"></sc"+"ript>")
    </script>
    速度快多了。
    其它的js如法炮制,广告的,页面特效的。。。
    最后再废话几句:
    <script type="text/javascript">
    document.write("<scr"+"ipt src="xxx.js"></sc"+"ript>")
    </script>
    的方式,还可实现按需按条件的来加载你要的JS文件:
    <script type="text/javascript">
    if ( 心情好 ) {document.write("<scr"+"ipt src="xxx.js"></sc"+"ript>")}
    </script>
     
    这样要是“心情不好”,就自然不会载入你不想要的JS文件了。
    以上内容是摘录 百度的
     
    总结
    这个方法只使用到 onload 之前
     
     
    不然的话 整个页面 后被重写!!!
  • 相关阅读:
    JavaScript语言基础
    IP地址分类及CIDR划分方法
    Python静态方法实现单实例模式
    【转载】http和socket之长连接和短连接
    DDoS攻击
    Vue自定义过滤器
    解决跨域问题
    微信菜单创建
    canvas标签(1)--线条、矩形、圆形、文本、阴影、抛小球
    Bootstrap CSS概览代码文字标注篇
  • 原文地址:https://www.cnblogs.com/929LF/p/6146725.html
Copyright © 2011-2022 走看看