Question

简介：我正在用HTML编写一个网站，它使用jQuery AJAX从/header/header.html加载标题，这非常合适。这个网站仍然是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）来源加载的，如果这会给服务器带来压力，或者效果可以忽略不计。简化我问的是，与单次提取（150kb）相比，fetch（10kb.html + 10kb.html + 10kb.html + ...）是否会对请求过多的服务器造成压力。

问题：我考虑过的解决方案是否是构建网站的好方法，或者这会对性能产生太大影响？另外：有没有更好的方法来构建网站？

Answer 1

将网站拆分为多个文件是一个好主意，当您想要建立网站或网络应用时，这是当前的做法。而且，我们可以通过comon方式来做到这一点：

您可以将html拆分为两个文件：一个用于comon的文件 html包括你的所有页面（模板方法）另外两个你的具体内容。
您还可以根据网站的不同部分划分html ：一个用于标题，一个用于页脚，一个用于幻灯片列如果你拥有它......

对于用户来说，性能通常是透明的，你有一个或十个文件。此外，如果您只有HTML文件。

如果您在加载这些文件期间运行脚本或执行某些操作，会导致性能问题。今天我们开始介绍在开始向用户显示东西之前加载大量库/框架的Web应用程序。

像angularjs这样的技术以这种方式嵌入到技术的标准中：

在技术中创建功能模块

状态和道路的概念，动态加载要显示给用户的视图......

最后，在几个文件中划分网站是一种在网络上非常常用的做法，对另一个文件没有更好的解决方案。您应该在两个文件和内容逻辑之间找到平衡的方式。

将（）网站内容从子目录加载到页面中

1 个答案: