本人为项目组制定的一份页面优化指南(easyui页面优化方案)_html/css_WEB-ITnose
程序员文章站
2022-04-14 17:01:00
...
#本人为项目组制定的一份页面优化指南(easyui页面优化方案)##背景这是一篇我之前为项目组制定的页面优化指南,主要是面向表单页面,典型的像[注册用户](https://passport.cnblogs.com/register.aspx)那样的页面。本人的项目主要是基于easyui的,一开始都是直接用其中的layout进行布局,但对于一个实际项目中有100-200甚至更加多字段的表单项,载入的效率很成问题经过**本人的分析**(具体的分析过程见[这里](http://www.cnblogs.com/p2227/p/3540858.html)),发现layout,datebox,combobox及一些panel的衍生组件(其实datebox和combobox中也有panel)都是罪魁祸首所以本人重新写了一个针对表单页面的优化方案,包括文档和相应的代码,本博主要是其中的文档部分##文档如果文档在网页上显示有问题,可以直接下载[PDF格式](http://files.cnblogs.com/p2227/%E9%A1%B5%E9%9D%A2%E4%BC%98%E5%8C%96%E6%8C%87%E5%8D%972.pdf)>页面(登记表)优化指南一、 文档目的引导及记录一套项目页面(尤其是登记表页面)的优化方案二、 优化要点1.文档声明文档声明必须置于网页的HTML部分的最开始,标签之前。它影响着整个网页的解释(兼容性及效率问题)。目前项目中使用的声明是`PS:其实本人还是倾向于向前走,拥抱HTML5的`2.HTML架构页面元素结束之前不要放太多的script标签,一个带src的script标签会引起一次请求,如果标签中的代码另外发起了ajax请求更加需要置后。为了便于开发,一部分通用的JS可能置于body之前,即整体代码架构如下://在body之前放置一些通用JS主体内容