2016-07-23 76 views
1

简介:我正在用HTML编写一个网站,它使用jQuery AJAX从/header/header.html加载标题,并且工作得很好。这个网站仍然是一个W.I.P.,所以没有很多流量(还)。从子目录加载()网页内容到页面

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

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

所以我考虑分拆内容和/内容/以及加载这些,所以它看起来会是像这样:

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

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

问题:我认为的解决方案是构建网站的好方法,还是会影响性能?或者:是否有更好的方式来构建网站?

回答

1

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

  1. 您可以在两个文件分割你的HTML:一个文件用于COMON HTML包括所有页面(模板方法)一个另两个为 您的具体内容。
  2. 您还可以通过您的网站 的不同部分将您的HTML:一为头,一个页脚,一个滑柱 如果您有它...

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

如果在加载这些文件的过程中运行脚本或执行某些操作,会导致性能问题。 今天我们就开始向用户展示东西之前加载大量库/框架的Web应用程序进行了探讨。

一些技术,如angularjs嵌入这样的标准在技术上有:

功能模块的建立在技术

状态和道路的概念,动态加载所需的视图以向用户显示...

最后在几个文件中划分网站是一个很实用的网络,并没有更好的解决方案到另一个。您应该在两个多文件和您的内容逻辑之间找到平衡的方式。