关于Web优化的问题,JS脚本的引用代码,放在HTML底部哪里
都说CSS放HTML上面,JS脚本的引用,放在HTML的下面。可是,到底是放下面哪里?是HTML标签外面?还是head标签里面的最下面?...
都说CSS放HTML上面,JS脚本的引用,放在HTML的下面。
可是,到底是放下面哪里?是HTML标签外面?还是head标签里面的最下面? 展开
可是,到底是放下面哪里?是HTML标签外面?还是head标签里面的最下面? 展开
3个回答
展开全部
<html>
<head>
<!-- 此处引入CSS -->
</head>
<body>
<!-- 正文内容 -->
<!-- 此处引入JS,在正文结尾 -->
</body>
</html>
但不是所有的JS都需要放在文档尾部的,放在尾部的原因有两点:
现在主流浏览器都支持并行下载,head引入的文件会在多个线程中同时下载,如果你有某几个JS存在相互依存关系,比如a.js里调用b.js里的某个函数,或是操作某个还在加载中的DOM元素,如果并行下载b.js没下载完或DOM没加载完时a.js已经开始执行了,此时会出错。所以放在尾部等到整个文档加载完(注意引入的顺序)才执行。
HTML是瀑布流式加载的,即从上到下顺序加载,如果你某一个跟主要功能无关(比如流量统计)的JS放在页面开始时加载,那么页面会一直等待,直到这个JS完全加载完毕才会继续加载其他内容,这样很影响用户的体验。
展开全部
css和js <head></head>和 <html></html>里的都可以放 css js一般是放在<head></head>里,这样会先加载 但是有些js要后加载,先等html文档树加载完才起作用,所以一定要放在底部的</html>前
关于优化 跟这个关系不大 主要是控制css js 文件的大小,可以提取公共css部分和js部分 以及合并多个js或css等 尽量减少外部调用数量 尽量保持页面小 css js 涉及到的就是尽量小不出错,保障加载的快
关于优化 跟这个关系不大 主要是控制css js 文件的大小,可以提取公共css部分和js部分 以及合并多个js或css等 尽量减少外部调用数量 尽量保持页面小 css js 涉及到的就是尽量小不出错,保障加载的快
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
放在</html>前面就行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询