javascript - HTML 性能 (Asp.Net)

Question

我有一个很大的 HTML 文件(在 ASP.NET 中)，它有几个较小的 ... 标签来控制基于我工作的公司的用户的内容。在我当前的设置中，我加载了整个页面，但是在用户单击 link.button 之前，许多面板都是隐藏的，然后我有一些 JQuery 来显示或隐藏它。

该站点在性能方面似乎不错，但随着其他部门添加内容，我担心 HTML 文件本身会变得越来越大。这有最佳实践吗？几乎所有隐藏的面板都可供每个用户使用，这只是他们是否单击而不是链接来显示它的问题。 Beloe 是我脑海中闪过的一些想法，希望能从你们那里的专家那里得到一些反馈。

1.) 我是否应该将这种类型的内容存储在数据库中，并在用户每次单击链接时都检索它(这似乎更容易阅读/维护代码，但我担心性能)

2.) 我是否应该将每个单独的 ... 内容加载到单独的 html 文件中并加载通过 java 脚本。

3.) 保留我所拥有的？

再次感谢您的想法。乔纳森

Answer 1

我想到了一些想法。是否所有信息都需要在同一页面上？如果您可以将内容分成多个页面，我建议您从这里开始。

假设您需要将所有内容都放在一个页面上，我同意 rick 关于延迟加载方法的观点。您的 HTML 输出将只是一个 DIV，以及一些用于通过 AJAX 下载和填充内容的 jQuery。当用户单击查看隐藏内容时，您可能会下载该内容，或者只是在页面加载时在后台下载隐藏内容。无论哪种方式都会产生性能改进。

将内容存储在数据库中与单独的 HTML 文件中的决定与性能问题是分开的。数据库可能不是你的瓶颈，但当然我只是猜测这里对你的应用程序了解不多。如果 DB 更方便、导致更稳定的体系结构等，则使用 DB。但在我看来，这不是必需的。