JavaScript是否应该进入<body>以获得性能,而不是<head>?

 晦涩的爱情嵌 发布于 2023-02-07 21:52

IBM的网站谈论快速Web开发这里提到一个有用的骨架HTML.在模板中,脚本包含在body中而不是head中.这是一个好习惯吗?将任何库放在头部不是更好吗?


  
    Template
    
    
  
  
    
    
    
  

VS


  
    Template
    
    
    
    
  
  
    
  

m59.. 10

现在,标准是在关闭body标记之前包含脚本标记,以便脚本加载不会阻止页面加载的其余部分.

  

有了这个,用户将不必等待在页面上看到某些内容,然后添加javascript功能.

但是,有越来越多的网站和"网络应用程序"javascript/ajax很重,可能需要在页面上显示任何内容之前加载脚本.这种情况不太常见,但是这种情况可以将脚本包含在任一位置,因为如果javascript负责创建/加载内容,则视觉结果将是相同的.

要验证:以下是Google的建议:https://developers.google.com/apps-script/guides/html/best-practices#load_javascript_last

还要考虑从CDN加载库,以便您可以利用浏览器缓存.

1 个回答
  • 现在,标准是在关闭body标记之前包含脚本标记,以便脚本加载不会阻止页面加载的其余部分.

      <script src="myScript.js"></script>
    </body>
    

    有了这个,用户将不必等待在页面上看到某些内容,然后添加javascript功能.

    但是,有越来越多的网站和"网络应用程序"javascript/ajax很重,可能需要在页面上显示任何内容之前加载脚本.这种情况不太常见,但是这种情况可以将脚本包含在任一位置,因为如果javascript负责创建/加载内容,则视觉结果将是相同的.

    要验证:以下是Google的建议:https://developers.google.com/apps-script/guides/html/best-practices#load_javascript_last

    还要考虑从CDN加载库,以便您可以利用浏览器缓存.

    2023-02-07 22:02 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有