<脚本>HTML 中的标签位置会影响网页的性能吗? [英] Does the <script> tag position in HTML affects performance of the webpage?

查看：21 发布时间：2021/12/20 16:02:02 javascript html performance optimization

本文介绍了<脚本>HTML 中的标签位置会影响网页的性能吗?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如果脚本标签位于 HTML 页面正文的上方或下方，这对网站的性能有影响吗?

如果像这样在两者之间使用会怎样:

..废话..废话..<脚本语言="JavaScript" src="JS_File_100_KiloBytes">函数 f1() {.. 一些逻辑要求.用于处理网页中的内容}......这里也有一些文字......

还是这样更好?:

<身体>..废话..废话....在一些事件上调用上述函数，如 onclick、onfocus 等.

还是这个?:

 ..废话..废话....在一些事件上调用上述函数，如 onclick、onfocus 等.<脚本语言="JavaScript" src="JS_File_100_KiloBytes">函数 f1() {.. 一些逻辑要求.用于处理网页中的内容}

不需要在 <html> 标签中再次说明一切！！

它在加载时如何影响网页的性能?真的吗?哪一个是最好的，无论是这三个还是你知道的其他一些?

还有一件事，我在谷歌上搜索了一下，然后我去了这里:加速您的网络的最佳实践网站，它建议放置脚本在底部，但传统上很多人将它放在标签中，该标签位于标签上方.我知道这不是规则，但许多人更喜欢那样.如果您不相信，只需查看本页的源代码！并告诉我哪种风格更能获得最佳性能.

解决方案

默认情况下，Javascript 资产往往会阻止任何其他并行下载的发生.所以，你可以想象如果你的头部有很多


        
            相关文章
            
                    
                        
                            &lt; script&gt; HTML中的标签位置会影响网页的性能？;
                        
                    
                    
                        
                            &lt;脚本&gt;<html>之前的标签位置标签;
                        
                    
                    
                        
                            &lt;?php 和 ?&gt;标签影响性能?;
                        
                    
                    
                        
                            Javascript.代码的位置会影响性能吗?;
                        
                    
                    
                        
                            评论会影响性能吗？;
                        
                    
                    
                        
                            使用“var"会影响性能吗?;
                        
                    
                    
                        
                            .visible 属性会影响性能吗?;
                        
                    
                    
                        
                            省略分号会影响JavaScript的性能吗?;
                        
                    
                    
                        
                            大量模块会影响AngularJS的性能吗?;
                        
                    
                    
                        
                            名称长度会影响 Redis 的性能吗?;
                        
                    
                    
                        
                            调试符号会影响 Rust 的性能吗?;
                        
                    
                    
                        
                            HTML脚本标签的位置?;
                        
                    
                    
                        
                            放置&lt;脚本&gt;是错误的吗?&lt;/body&gt; 后面的标签标签?;
                        
                    
                    
                        
                            程序中的多个import语句会影响性能吗？;
                        
                    
                    
                        
                            链接，&lt;/body&gt; 之间的脚本标签和&lt;/html&gt;;
                        
                    
                    
                        
                            列数会影响查询性能吗?;
                        
                    
                    
                        
                            使用匿名函数会影响性能吗？;
                        
                    
                    
                        
                            污染 $scope 对象会影响性能吗?;
                        
                    
                    
                        
                            mysql用户权限会影响性能吗?;
                        
                    
                    
                        
                            try catch子句会影响性能吗?;
                        
                    
                    
                        
                            污染 $scope 对象会影响性能吗?;
                        
                    
                    
                        
                            Sql JOIN 顺序会影响性能吗?;
                        
                    
                    
                        
                            外键会影响查询性能吗;
                        
                    
                    
                        
                            __attribute__((packed)) 会影响程序的性能吗?;
                        
                    
                    
                        
                            &LT;风格&GT; HTML正文中的标签 - 有效吗？;


    
        
            前端开发最新文章
            
                    
                        
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        
                    
                    
                        
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        
                    
                    
                        
                            如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
                        
                    
                    
                        
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        
                    
                    
                        
                            警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
                        
                    
                    
                        
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        
                    
                    
                        
                            此请求已被阻止;内容必须通过HTTPS提供;
                        
                    
                    
                        
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        
                    
                    
                        
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        
                    
                    
                        
                            拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
                        
                    
            
        
        
            
                热门教程
            
            
                
                    
                        Java教程
                    
                
                
                    
                        Apache ANT 教程
                    
                
                
                    
                        Kali Linux教程
                    
                
                
                    
                        JavaScript教程
                    
                
                
                    
                        JavaFx教程
                    
                
                
                    
                        MFC 教程
                    
                
                
                    
                        Apache HTTP客户端教程
                    
                
                
                    
                        Microsoft Visio 教程
                    
                
            
        
        
            
                热门工具
            
            
                
                
                    
                        Java 在线工具
                    
                
                
                    
                        C(GCC) 在线工具
                    
                
                
                    
                        PHP 在线工具
                    
                
                
                    
                        C# 在线工具
                    
                
                
                    
                        Python 在线工具
                    
                
                
                    
                        MySQL 在线工具
                    
                
                
                    
                        VB.NET 在线工具
                    
                
                
                    
                        Lua 在线工具
                    
                
                
                    
                        Oracle 在线工具
                    
                
                
                    
                        C++(GCC) 在线工具
                    
                
                
                    
                        Go 在线工具
                    
                
                
                    
                        Fortran 在线工具

&lt;脚本&gt;HTML 中的标签位置会影响网页的性能吗? [英] Does the &lt;script&gt; tag position in HTML affects performance of the webpage?

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

<脚本>HTML 中的标签位置会影响网页的性能吗? [英] Does the <script> tag position in HTML affects performance of the webpage?

登录关闭