javascript - 如何优化requirejs开始加载依赖之前耗了1s+
迷茫
迷茫 2017-04-11 13:16:59
[JavaScript讨论组]

背景
被pm吐槽页面加载不够快,第一次使用require.js进行模块化。于是操起了chrome dev tool的timeline,看到了一个很大的问题,就是requirejs加载依赖之前,消耗了1秒多。其实在require.config那里我引用了8个dependencies,但是为了方便展示,就只剩下两个了。

问题定位
为了方便定位的确是requirejs的问题,我去掉了多余代码,确定就是requirejs的问题。代码如下:

index.html




    
    
    {{title}}
    
    
    
    



timeline

请教

  1. 这么怎么导致的?

  2. 如何优化?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(4)
ringa_lee

把所有<script>标签全部移往</body>标签前,<head>里只保留css就好;另外既然用了requirejs就不要单独写js库的标签了,统一加载多好。

怪我咯

要不试试 seajs?

阿神

1.把script移到</body>上面
2.可以使用requirejs optimizer,把js文件整合在一起,减少http请求。

天蓬老师

这个问题在requirejs的issue也有人提到过,但是没有提出解决方案,我放弃requirejs了,直接用webpack了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号