java-webJquery初始化延迟问题_html/css



本帖最后由 MUTOUYIHAO 于 2013-07-10 12:36:20 编辑

jQuery 性能优化 jsp java web

现在项目用的是jsp开发，页面中有些元素是用定义好了的一堆js和css去初始化dom元素，以作样式上的控制，目前使用的元素如menu在页面加载时有时会出现无样式修饰的1s左右的延迟，但有时候没有延迟，估计是缓存作用？
页面实现步骤如下：
0.引用css样式
1.定义dom元素
2.页面尾部引用js（jquery）初始化dom元素样式

最终就是js初始化没执行完成，浏览器就把dom元素给渲染了，稍后js初始化完成页面变正常。

页面中元素较多，所以用jsp的include指令加载的子页面，子页面中有时会出现页面加载后1s左右的‘原生态’显示。

不知各位大侠在处理这种大页面加载执行 优化问题上有何高见

回复讨论(解决方案)

个人觉得
将已经固定的dom元素的样式直接作用在dom元素上
或将 控制样式的脚本文件拆分 将拆分后的脚本文件引用至拆分依据节点元素 后
或将最外层div先隐藏，在引用脚本文件中再控制其显示

弄一个div 遮盖 表示加载什么的

等你 jquery处理好正式的dom后 把这个div隐藏掉