Load() 网站内容从子目录到页面

Load() website content into page from subdirectories

简介:我正在 HTML 中编写一个网站,它使用 jQuery AJAX 从 /header/header.html 加载 header ,这工作得很好。此站点仍然是 W.I.P,因此访问量不多(还)。

问题:目前内容有点长,看起来像这样:

<body>
load(header/header.html)
wall_of_txt
</body>

所以我正在考虑拆分内容并从 /content/ 加载这些内容,所以它看起来像这样:

<body>
load(header/header.html,
content/content1.html
content/content2.html
content/content3.html
content/content4.html
content/content5.html)
...
</body>

因为每个小文件都更容易处理。 但是,我远非专家,所以我很好奇这将如何影响网站性能。加载的内容仍然是相同的大小,但考虑到内容是从这么多 (10-50) 个来源加载的,如果这会给服务器带来压力,或者如果影响可以忽略不计。简化我问是否 fetch(10kb.html+10kb.html+10kb.html+...) 与单个 fetch(150kb).

问题:我考虑的解决方案是否是构建网站的好方法,或者这是否会对性能产生太大影响?或者:是否有更好的网站结构方式?

将网站拆分为多个文件是个好主意,当您想要创建网站或 Web 应用程序时,这是当前的做法。 此外,我们可以观察常见的方法来做到这一点:

  1. 您可以将 html 分成两个文件:一个文件用于通用 html 包括您所有的页面(模板方法)另外两个用于 你的具体内容。
  2. 您还可以将 html 划分为网站的不同部分 :一个用于页眉,一个用于页脚,一个用于幻灯片列 如果你有...

Fo 性能通常是对用户透明的是您有一个或十个文件。此外,如果您只有 HTML 个文件。

如果您 运行 在加载这些文件期间编写脚本或执行某些操作,会导致性能问题。 今天我们讨论在开始向用户显示内容之前加载大量 library/framework 的 Web 应用程序。

像angularjs这样的一些技术以这种方式嵌入技术的标准中:

the creation of functional module in the technology

the concept of state and road to load dynamically the view that you want to display to the user...

最后把网站分成几个文件是web上很常用的一种做法,也没有更好的办法了。您应该在两个文件和内容逻辑之间找到平衡的方式。