网页head标签中的JS和CSS的放置顺序

网站建设知识 phpacg 2年前 (2018-04-24) 122次浏览 0个评论

顺序普通是:

1. 一般特殊JS,比如用于调试的基础脚本(部署时未必有)、功用日志之类,必需放在尽量最前的位置。

2. 外部样式表(link[rel=stylesheet])

3. 本页样式(style)

4. 基础库,比如loader,各种shim/polyfill,jQuery之类的

留意,有些网站制造开发者从功用优化的角度倾向于加defer或许放到页面的最底部。不过不是一切的脚本都能这样做。比如html5-shim脚本必需在body之前加载。再如history api的兼容完成等都不应defer,由于你不能确保用户在页面ready之前没有back/forward举措。再如jQuery,defer是可以,但也意味着你一切依赖jQuery的功用都需求defer,思索到这些静态文件通常都是有缓存的,所以不defer也未必不是一个可以接受的折衷。

5. 大批本页script

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址