`
fuhao_987
  • 浏览: 63659 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

加快网站速度的最佳做法_(3)script脚本放在底部

阅读更多
   
    脚本的问题是它会阻止并行的下载。HTTP/1.1规定,浏览器在同一个主站不能并行同时下载超过两个组件。如果你把图片放在多个站点上,就可以同时下载多个图片。但是,当在下载脚本的时候,浏览器不能同时进行其他的下载,就算是利用不同的站点。

    在某些情况下很难把脚本移到底部。例如,如果脚本中有document.write在页面中插入内容,这时脚本就不能移动到页面的底部。当然还有其他的原因,但是大多数这些情况都是能够解决的。

    另外一种建议就是使用延迟脚本。 DEFER属性暗示了脚本中不包含document.write 对浏览器来说是一个线索使它能够持续渲染。不幸的是,FireFox不支持DEFER属性。在IE中,脚本可以延迟但与预期的有一定出入。如果脚本可以延迟,它就可以移动到页面的底部。这将会使网页下载的更快。
分享到:
评论

相关推荐

    js优化1

    HTML4规范允许在和中任意位置放置<script>,但传统做法是将样式表和脚本<script>放在中,以便尽早定义页面外观和行为。然而,这样做会导致页面加载延迟,因为所有<script>都会阻塞页面渲染,直到所有脚本执行完毕。 ...

    jquery高级编程的最佳实践详解

    将JavaScript和jQuery代码放在页面底部可以加快页面渲染速度,因为浏览器会先渲染HTML和CSS,再加载和执行JavaScript。另外,确保不要重复加载jQuery库,以免增加页面加载时间。 #### 4. 多框架冲突解决方案 如果...

    高性能JavaScript(High Performance JavaScript )

    本书建议将脚本放在HTML文档的底部,这样可以确保在脚本加载之前,页面的主要内容已经呈现给用户。 - **脚本分组**:通过将多个脚本合并为一个文件或者按功能分组,可以减少HTTP请求的数量,从而提高加载速度。 - **...

    关于前端页面的一些性能测试总结

    - CSS链接位于head中,符合优化原则,但JavaScript的alert语句可能造成阻塞,最佳实践是将脚本放在body底部,或使用异步加载(async或defer属性)。 综上所述,前端页面性能优化涉及多个方面,包括DOM和渲染树的...

    延时加载JavaScript代码提高速度

    利用setTimeout函数设置延时加载广告代码,或者使用自定义标签和JavaScript脚本,先在页面上显示一个占位符,等到页面底部再执行广告代码,这样可以显著加快页面的加载速度。 最后,使用动态脚本加载也是一种可行的...

    web前端优化方法

    13. **优化样式表和脚本顺序**:将CSS放在头部,JavaScript放在底部,使得页面内容先加载,提高用户体验。 14. **避免JavaScript阻塞渲染**:延迟非首屏内容的JavaScript加载,让页面先呈现出来。 15. **缩小原始...

    在HTML中使用JavaScript实例代码

    如果将JavaScript放在底部,一旦页面的主体内容加载完毕后就可以立即呈现给用户,提升用户体验。 引用外部JavaScript文件的几个优点: 1. 利于维护:将所有的JavaScript代码放在单独的文件中可以使得HTML页面更加...

    JavaScript中的无阻塞加载性能优化方案

    Yahoo的YSlow优化规则建议将<script>标签放在标签的底部,而不是中,原因在于浏览器在遇到<script>标签时会暂停页面的解析,无论是内联脚本还是外部引用的脚本。例如,在以下代码中,<script>标签用于在页面中动态...

    JavaScript提高加载和执行效率的方法

    为了避免这种情况,最佳实践是将`<script>`标签放在`<body>`标签的底部,这样在脚本执行前,大部分页面内容已经被加载并呈现给用户。 **合并与压缩脚本**是另一种有效策略。多个`<script>`标签意味着多次HTTP请求,...

    javascript学习总结之js使用技巧

    将`<script>`标签放在`<body>`标签的底部,允许浏览器先呈现页面内容,再加载脚本。压缩代码,移除空格和注释,甚至使用短变量名,也是优化的手段,但需要注意压缩版代码不利于调试。 在JavaScript学习过程中,理解...

Global site tag (gtag.js) - Google Analytics