我正在使用 jquery mobile 创建一个移动单页 Web 应用程序。webapp 包括一些 javascript 文件和一些 css 文件。我已经编写了一个连接和缩小 js 和 css 文件的部署脚本,现在我想知道是否应该直接在 HTML 文件中内联连接的 js 和 css - 请注意我在这里谈论的是单页应用程序(我知道在具有动态生成 HTML 的传统 web 1.0 应用程序中,这将是一个坏主意)。我还使用 appcache/manifest 文件来缓存单页应用程序,以便从缓存中提供对 Web 应用程序的后续访问,因此我主要关心的是初始加载时间。
当我内联所有内容(jquery、jquery mobile 等)时,我的 7kb HTML 文件增加到 350kb(压缩后为 100kb),但现在所有内容都可以在一个请求中加载。
但是我是否缺少其他一些好处,例如并行下载 js 文件 - 因此最好不要内联 css 和 js,而是将所有 js 和 css 连接到单个 js 文件和单个 css 文件然后获取他们每个人都在单独的请求中?
我应该注意关于文件大小的任何限制吗?也许网络路由器中的缓存在较小的文件大小或其他情况下效果更好?
所以我的问题归结为在制作单页移动网络应用程序时内联所有内容是否是个好主意?