V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
xilixjd
V2EX  ›  问与答

想问一下,如何提高 react 项目首次加载 js 文件等静态资源的速度?

  •  
  •   xilixjd · 2017-04-09 20:56:24 +08:00 · 2662 次点击
    这是一个创建于 2789 天前的主题,其中的信息可能已经有所发展或是发生改变。

    个人的小博客网站 只是在 nginx 上做了个转发 location / { root /home/ubuntu/python_react_blog/python_react_blog_front_end; index index.html index.htm; }

    11 条回复    2017-04-10 17:50:01 +08:00
    bdbai
        1
    bdbai  
       2017-04-09 21:34:10 +08:00 via Android
    服务端渲染
    bdbai
        2
    bdbai  
       2017-04-09 21:38:53 +08:00 via Android
    在 nginx 上配置 HTTP/2 ,调用公共静态资源库,上 CDN
    murmur
        3
    murmur  
       2017-04-09 21:57:22 +08:00   ❤️ 1
    gzip 开了么 该合并的请求合并了么 minify 都做了么 如果这些还是卡说明你的服务器不行了
    想当年淘宝直接挂了个梦的汽车人广告片放首页都没啥。。支付宝也用过一段视频背景
    xilixjd
        4
    xilixjd  
    OP
       2017-04-10 00:03:21 +08:00
    @bdbai 除了 CDN 还有其他办法吗
    xilixjd
        5
    xilixjd  
    OP
       2017-04-10 00:10:06 +08:00
    @murmur gzip 不知道是啥, minify 就是 webpack 那一套,但是首次加载一个几百 k 的 js 文件要 6-8 秒,不知道正不正常
    ericls
        6
    ericls  
       2017-04-10 06:04:52 +08:00 via iPhone
    Code split. 才是解决方法……
    yunying
        7
    yunying  
       2017-04-10 09:03:36 +08:00
    加载一个几百 k 的 js 文件竟然要 6-8 秒。。建议你检查一下网络。。
    xilixjd
        8
    xilixjd  
    OP
       2017-04-10 09:36:07 +08:00
    @yunying 网络肯定没问题的,首次加载比较慢,不知道是不是服务器的原因,我用的是最便宜的服务器
    learnshare
        9
    learnshare  
       2017-04-10 10:10:49 +08:00
    @xilixjd 几百 kb 这么慢的话,可以换服务器了
    yunying
        10
    yunying  
       2017-04-10 12:47:22 +08:00
    bdbai
        11
    bdbai  
       2017-04-10 17:50:01 +08:00 via Android
    @xilixjd 服务端渲染、 HTTP/2 、调用公共静态资源库
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1072 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:32 · PVG 03:32 · LAX 11:32 · JFK 14:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.