背景
被pm吐槽页面加载不够快,第一次使用require.js进行模块化。于是操起了chrome dev tool的timeline,看到了一个很大的问题,就是requirejs加载依赖之前,消耗了1秒多。其实在require.config那里我引用了8个dependencies,但是为了方便展示,就只剩下两个了。
问题定位
为了方便定位的确是requirejs的问题,我去掉了多余代码,确定就是requirejs的问题。代码如下:
index.html
{{title}}
timeline
请教
这么怎么导致的?
如何优化?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
把所有
<script>标签全部移往</body>标签前,<head>里只保留css就好;另外既然用了requirejs就不要单独写js库的标签了,统一加载多好。要不试试 seajs?
1.把script移到</body>上面
2.可以使用
requirejs optimizer,把js文件整合在一起,减少http请求。这个问题在requirejs的issue也有人提到过,但是没有提出解决方案,我放弃requirejs了,直接用webpack了。