PageSpeed 相关文档
› 为 NGINX 编译 PageSpeed 支持
› ngx_pagespeed
› Configuring mod_pagespeed Filters
加载性能测试工具
› WebPagetest
› Gomez
xifangczy

非必须放在 head 的 JS 到底放在什么位置好?

  •  
  •   xifangczy · Jun 11, 2015 · 4946 views
    This topic created in 4162 days ago, the information mentioned may be changed or developed.

    帮朋友做几个页面,找了个切图的人,说JS应该放底部。我一直习惯放在上面差不多<body>位置,现在浏览器还存在JS放不同位置效率不同的情况吗?

    11 replies  •  2015-06-11 21:40:39 +08:00
    b821025551b
    b821025551b
    Jun 11, 2015
    1
    最好放底部,毕竟不是所有人都用100M的wifi
    ALeo
    ALeo
    Jun 11, 2015
    2
    有的时候不是效率问题,而是你的js里出错的话,会导致整个页面的js全奔溃,然后你的页面就乱了。。
    zythum
    zythum
    Jun 11, 2015❤️1
    3
    有。js inline的话是页面同步加载的。 这个script没有执行完下面的html是不会渲染的。会降低页面渲染完成时间。
    abelyao
    abelyao
    Jun 11, 2015
    4
    body 结束前,最后一个页面元素之后
    blacktulip
    blacktulip
    Jun 11, 2015
    5
    我习惯紧挨 </body> 上面
    lincanbin
    lincanbin
    Jun 11, 2015
    6
    建议不要在HTML里加载,直接用一个JavaScript文件异步加载其他所有JavaScript文件。
    lujjjh
    lujjjh
    Jun 11, 2015 via Android
    7
    这种差异不是靠现代浏览器可以解决的。JS 里可以改变 HTML 结构,所以不执行完整个 JS 文件浏览器是不敢继续渲染下去的,除非你告诉浏览器某个脚本可以延期执行,也就是 <script> 的 defer 属性了。
    shierji
    shierji
    Jun 11, 2015
    8
    貌似现在国际惯例是放底部
    xifangczy
    xifangczy
    OP
    Jun 11, 2015
    9
    原来如此...我想的是反正head里也有 其他的也都放在上面,这样也方便维护
    lianyue
    lianyue
    Jun 11, 2015
    10
    都放header script 有个异步属性的
    laoyuan
    laoyuan
    Jun 11, 2015❤️1
    11
    搜索框99.99%的网站都很恶心,你正输入内容的时候,页面刚加载完JS,又给你弄些莫名奇妙的东西。所以搜索框的JS我直接写到HTML里的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1524 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 23:01 · PVG 07:01 · LAX 15:01 · JFK 18:01
    ♥ Do have faith in what you're doing.