所以郑昀认为,保守做法是,js 和 css 不要在 head 里交替混编,统一为先外联css再外联js! 二,但只有万不得已时,才会在 head 里放外联js,否则请把外联js放置到
前端工程打开速度优化的循序渐进总结(2)
2019-04-23 15:24
所以郑昀认为,保守做法是,js 和 css 不要在 head 里交替混编,统一为先外联css再外联js! 二,但只有万不得已时,才会在 head 里放外联js,否则请把外联js放置到
前。 原因是张克军的《js和css的顺序关系》指出: 只要 head 里出现外联js,无论如何放,css文件都不能和body里的请求并行。 body 里dom渲染取决于 head 里的js执行完。 外联js放在页面最后,高级浏览器会自动做优化(prefetch),你不用担心,它也可能会提前下载。 优化第三阶段:combo handler 的引入 背景 Combo Handler 是 Yahoo! 开发的一个 Apache 模块,它实现了开发人员简单方便地通过URL来合并JavaScript和CSS文件,从而大大减少文件请求数。 目的 它满足 Yahoo! 前端优化第一条原则:Minimize HTTP Requests,来减少三路握手和HTTP请求的发送次数。 国内实例 淘宝网首页meta里多个js合并的声明: