项目组制定的一份页面优化指南

时间 2019-11-07

标签项目组制定一份页面优化指南繁體版

原文原文链接

1.文档声明javascript

文档声明必须置于网页的HTML部分的最开始，标签以前。它影响着整个网页的解释（兼容性及效率问题）。目前项目中使用的声明是css

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html

PS:其实本人仍是倾向于向前走，拥抱HTML5的java

2.HTML架构web

页面元素结束以前不要放太多的script标签，一个带src的script标签会引发一次请求，若是标签中的代码另外发起了ajax请求更加须要置后。为了便于开发，一部分通用的JS可能置于body以前，即总体代码架构以下：ajax

//在body以前放置一些通用JS正则表达式

//在body以后放置一些业务JS，尤为是当中有ajax请求的js缓存

3.养成良好习惯，HTML元素要正确闭合，javascript中不要放置多余的逗号在eclipse中用正则表达式架构

,\s[\r\n][\r\n]\s} 去搜索，能查找出js中多余的逗号eclipse

4.能用HTML完成的内容尽可能不要用CSS/JavaScript去完成，能用CSS去完成的内容尽可能不要用JavaScript去完成如鼠标提示最省资源的方式是用title属性去完成，其次用:hover伪类，用JavaScript事件最耗资源

5.项目内容稳定后，应该将变化小的HTTP请求（如查询字典）改为get请求以缓存

6.项目内容稳定后，应该将js及css压缩、合并以减小请求时间

7.项目内容稳定后，应该将图片合并，利用css sprite定位，以减小请求次数

转载自:http://www.9958.pw/post/web_youhua