具有错误可见性的面板与加载远程内容

Question

如果我有多个内容将在某些选择和点击事件后显示。例如，如果我选择项目1，则仅显示内容1，如果我选择项目3，则仅显示内容3。

哪个更好（关于页面加载时间）：

1）将每个内容放在一个单独的面板中（visibility = false）。如果选中它，则可见性设置为true。

2）将每个内容放在一个远程html页面中，如果选中，则通过jquery ajax方法加载它。

谢谢。

Answer 1

选项1会导致初始页面加载速度变慢，但此后不会再发出请求。

选项2会导致更快的初始页面加载，但在更改面板时也会导致连续页面加载。

实际上有第3个选项，您最初只会加载面板1，而不是使用AJAX在后台加载其他面板。

Answer 2

通过ajax方法加载是可扩展的，你不想隐藏100多个项目，它会使页面变慢。 但话又说回来，如果只有少数项目，你可以选择第一个选项，因为它不会给服务器带来太大的负担。

Answer 3

您的条款需要澄清。

• 您正在使asp.net控件不可见，而不是将其css属性设置为不可见。如果是这种情况，那么存储数据的位置并不重要。您仍然需要进行回发（全部或部分）才能获取数据，因为您只是渲染最低限度。 （没有带信息的隐藏面板）

• 当你说'远程'html页面时，你只是意味着你将内容存储在同一台服务器上的不同文件中，或者你的意思是内容是在远程服务器上？这是唯一会影响您的加载时间的事情。如果它在远程服务器上，则需要更长时间。如果它在另一个文件上，则与将该信息放在同一个文件中没有太大区别。