zoukankan      html  css  js  c++  java
  • 让javascript加载速度倍增的方法(解决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文件了。

  • 相关阅读:
    陶瓷电容的结构、工艺、失效模式
    Vue.js最佳实践
    Vue 超快速学习
    CSS 小技巧
    HTML5 Canvas
    webkit下面的CSS设置滚动条
    Some untracked working tree files would be overwritten by checkout. Please move or remove them before you can checkout. View them
    JSCS: Please specify path to 'JSCS' package
    React中ref的使用方法
    React 60S倒计时
  • 原文地址:https://www.cnblogs.com/gxbk629/p/4305092.html
Copyright © 2011-2022 走看看