javascript - 将 javascript 和 css 内联放在一个缩小的 html 文件中以提高性能?

标签 javascript html css performance minify

一个典型的网站由一个 index.html 文件和一堆 javascript 和 css 文件组成。要提高网站的性能,可以:

  • 缩小 javascript 和 css 文件,以减小文件大小。
  • 将 javascript 文件合并为一个文件,对于 css 文件也类似,以减少对服务器的请求数量。对于像 jquery 这样的常用(和共享)库,将它们保留在外部是有意义的,允许浏览器缓存库并在不同的 Web 应用程序中重用它。

我想知道将串联的 javascript 和 css 文件内嵌在单个 html 文件中是否有意义,这将进一步减少请求的数量。这会提高您网站的性能吗?或者它会反向工作,使浏览器无法缓存任何内容吗?

最佳答案

将您的 CSS 和 JS 文件合并为一个文件将减少请求数量并使其加载速度更快。但是正如所评论的那样,除非您有一个单页站点并且该页面的加载时间非常关键,否则它没有多大意义。所以在我看来,最好将 CSS 与 Javascript 分开。

这是一本书,您可以从中了解有关该主题的更多信息:

High Performance Web Sites

关于javascript - 将 javascript 和 css 内联放在一个缩小的 html 文件中以提高性能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11935701/

相关文章:

html - 有没有更简单的方法来使用一张图片,但在网站上以不同的定位多次显示它?

javascript - 在 CodeMirror 中设置装订线宽度

html - 动态更改 Angular 5 中 Bootstrap 进度条的属性

javascript - 如何使用 twitter api (js) 获取用户个人资料图片?

javascript - 将 JQuery UI 自动完成显示为表格

javascript - 在 jquery 中保存可拖动 div 的位置

html - 按钮在 IE 中无法正常工作?

javascript - 每个表行的 ASP.NET MVC ADO.NET 查询

javascript - 如何使滚动保持向下,但不想锁定

javascript - 在 Bootstrap 移动下拉菜单上使社交媒体按钮水平