关于Web优化的问题,JS脚本的引用代码,放在HTML底部哪里

2024-12-31 18:02:43
推荐回答(3个)
回答1:



    


    
    


但不是所有的JS都需要放在文档尾部的,放在尾部的原因有两点:

  1. 现在主流浏览器都支持并行下载,head引入的文件会在多个线程中同时下载,如果你有某几个JS存在相互依存关系,比如a.js里调用b.js里的某个函数,或是操作某个还在加载中的DOM元素,如果并行下载b.js没下载完或DOM没加载完时a.js已经开始执行了,此时会出错。所以放在尾部等到整个文档加载完(注意引入的顺序)才执行。

  2. HTML是瀑布流式加载的,即从上到下顺序加载,如果你某一个跟主要功能无关(比如流量统计)的JS放在页面开始时加载,那么页面会一直等待,直到这个JS完全加载完毕才会继续加载其他内容,这样很影响用户的体验。

回答2:

css和js 和 里的都可以放 css js一般是放在里,这样会先加载 但是有些js要后加载,先等html文档树加载完才起作用,所以一定要放在底部的前
关于优化 跟这个关系不大 主要是控制css js 文件的大小,可以提取公共css部分和js部分 以及合并多个js或css等 尽量减少外部调用数量 尽量保持页面小 css js 涉及到的就是尽量小不出错,保障加载的快

回答3:

放在前面就行。