影响页面加载速度的可见/隐藏内容?如何按需检索外部数据?

时间:2011-12-19 15:46:18

标签: jquery-ui jquery hidden page-load-time

示例:同时从电子表格中提取链接的<H4><a><H4>maximum 200 characters</H4></a>)列表及其对应的div(<div>maximum 10000 characters</div>);当单击任何一个可见链接<H4>时(toggle()),将显示其对应的先前隐藏的div(hide())。链接的<H4>和相关div的列表会随着电子表格的增长而增长,就像评论表单一样。

问题:

  1. <H4>列表加载速度更快(或在页面上显得更快) 什么时候事先隐藏div(hide())?

  2. 如果问题1是negatif,那么最简单的jQuery函数结构(在本例中)是在加载链接的<H4>之后检索和显示div,并且仅在用户{{1}上点击?我已经找到了数据获取功能(google.jsapi)所以我需要正确的jQuery函数结构,允许用户按需加载补充数据。有什么指针吗?

  3. 注意:目前正在开发jQuery 1.6+。以上代码仅供参考。 <H4>标记包含在<H4>标记内的原因是跨浏览器问题,并允许使用accesskeys和Tab键盘用户访问(我尝试使用<a>方法进行点击{each() 1}}和Firefox并没有让我失望但IE 6-7却因此而恨我并冻结了。

1 个答案:

答案 0 :(得分:0)

1)当事先隐藏div(hide())时,列表加载速度更快(或在页面上显得更快)吗?

答案:

只要您在加载页面的同时加载隐藏的div,您的页面加载速度就会更快/显着更快

2)如果问题1是negatif,那么在这个例子中,最简单的jQuery函数结构是什么?在链接s被加载之后检索和显示div并且仅在用户点击时?

答案:

使用ajax按需填充div,创建一个带有空隐藏div的页面,并在显示时使用ajax请求加载这些div。所有这些都可以使用javascript / JQuery

完成