我注意到在 Chrome 中，如果我将图像加载为 Base64 字符串，然后滚动浏览页面的该部分，速度会变慢。
我还注意到，当我导航出包含 Javascript 的选项卡，然后移回该选项卡时，速度会慢几秒钟，就好像 V8 正在重新编译 js 一样。
我可以想到三个选项，但我不知道哪个是最好的：
- 首先加载一个微小的加载页面并雄辩地处理后续加载
- 加载一个巨大的 js 或 css 文件，其中包含所有内容（jquery + 我的代码 + 等）
- 将某些代码聚集在一起（使用 jquery cdn 但将我的代码聚集在一起）
让你的 js 尽可能快速、流畅地加载的最佳方法是什么？
一般来说，加载更多的文件比将它们组合成更少的文件会在 HTTP 中产生更多的开销。有多种方法可以组合各种内容的文件：
- 对于图像，请使用CSS 精灵 http://css-tricks.com/css-sprites/.
- 对于 JavaScript，将客户端代码和库编译到一个文件中 https://stackoverflow.com/questions/12893046/how-to-manage-client-side-javascript-dependencies，并缩小以减小尺寸。
- 对于css，你可以做类似上面的事情。下摆编笔 https://npmjs.org/package/hem例如，将其放入一个 css 文件中，这也有助于组织。
- 此外，当您连接 Javascript 和 CSS 时，您的网络服务器或反向代理可以以压缩形式发送 http://en.wikipedia.org/wiki/HTTP_compression为了更快的页面加载。这对于较大的文件来说会更有效，因为压缩可以带来更多好处。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
