javascript - 如果我忽略 "coding nicely"并将 css(使用样式标签)和 js(使用脚本标签)代码放在一个 html 文件中会发生什么

标签 javascript jquery html css

关于页面,我只是使用来自 http://html5up.net/license 的模板有两个原因。一;不会有很多人以任何方式检查我的关于页面。二;我宁愿把时间花在不同的事情上并使用免费模板。

因为我使用的代码不是我为此编写的,所以我希望将其分开。我不希望这会干扰我的 css 和 javascript 文件夹。所以,我在一个 html 文件中添加了长 css 和 javascript 代码。代码的可读性不会比这更差,但它只是关于我不会经常更改的页面。

我的问题是,如果我将所有这些都添加到一个 html 页面中,是否会对我网站的功能造成影响?

最佳答案

有些人实际上建议在页面中包含所有嵌入的 Javascript 和 CSS,即使它在网站的许多页面中重复出现也是如此。

这样做的原因是因为它减少了对服务器的 HTTP 请求数量并使您网站的加载时间大大更快,尤其是当用户从 Google 搜索结果(一个-时间用户)。对于 Web 门户,推荐,因为用户将不断浏览页面,并且 Javascript/CSS 应缓存在单独的文件中。

这是一个网页可以有多慢的示例,其中包含多个外部 Javascript/CSS 指针:

Overhead Chart

如果所有这些文件都嵌入到页面中,加载时间将会减少。只有在同一站点上加载多个页面后,重复的代码才会开始生效。

关于javascript - 如果我忽略 "coding nicely"并将 css(使用样式标签)和 js(使用脚本标签)代码放在一个 html 文件中会发生什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36191918/

相关文章:

javascript - 检查 <p> 是否是第一个 child

javascript - 关闭浏览器后保存变量

javascript - 如何通过js启用/禁用浏览器历史记录

javascript - 路由防护中的 Angular 2 对话框可以停用

javascript - 使用 Prop 和状态编辑 React 数组中的文本值?

php - 如何在 php for mysql 中使用数组值或类似的东西选择数据?

HTML 表格,需要一个复选框列

javascript - 按单个按钮播放随机声音

javascript - Angular4-JsonEditor CSS 丢失

javascript - 如何通过 javascript/jquery 对表行列表进行排序?