web优化

作者: hugemountain | 来源:发表于2021-12-22 10:42 被阅读0次

    目录

    减少使用location.reload
    去掉你代码里的 document.write


    1减少使用location.reload()

    • 使用location.reload() 会刷新页面,刷新页面时页面所有资源(css,js,img等)会重新请求服务器。
      建议使用location.href=”当前页url” 代替location.reload()

    2去掉代码document.write

    去掉你代码里的 document.write-[cnblogs紫云飞]

    document.write 输出一个 script 标签的情况,比如:

    <script src="a.js"></script>
    <script>
    document.write('<script src="http://thirdparty.com/b.js"><\/script>')
    </script>
    <script src="c.js"></script>
    

    这个例子中,由于 b.js 是通过 JS 代码插入的,HTML 预解析器是看不到的,所以只有当 a.js 下载并执行完毕,且第二个内联的 script 执行完毕后,b.js 才会开始下载,也就是说,b.js 不能和 a.js 及 c.js 并行下载了,从而导致页面展现变慢,同样假设每个文件的下载时间都是 1 秒,那么这三个文件下载执行完就需要两秒,就因为 b.js 不能预加载。在一个外链的 JS 文件比如 a.js 中执行 document.write("<script...) 也是类似的效果。

    相关文章

      网友评论

          本文标题:web优化

          本文链接:https://www.haomeiwen.com/subject/cglqqrtx.html