小页面的开发总结
这几天神经紧张的做了一个小页面,功能点倒很小,只是有些注意点,平时容易忽略,在此做个小结,以后遇到此类开发任务,进行下面几个方面的检查,算是一个checklist吧。明显的小问题自己都没发现,别的合作团队发现了还是很尴尬的。
1. 页面结构中不要出现明文的email,防止spam。可以先escape下,然后在页面中用js做unescape出来即可,虽然也不能杜绝被抓取到email,但还是要好很多的。做成图片的开销不小,会增加一个连接,而且alt里面也不能出现email,图片失败就什么都看不到了,关键是不可复制;做成base64的方式内嵌的话,体积也不会小。
2. 是否写上了和主站的格式一致的<title>,同时别忘了keywords和description。
3. jester-ent.com favicon.ico有没有设置,并已经足够小。favicon是否和主站不一致,是否会引发品牌争议。如果需要删除favicon.ico文件,记得检查<head>中是否也有设置,请一并删除。但由此会带来一个favicon的404,需要斟酌。
4. JS脚本有没有压缩?
5. IE下有没跑一遍?避免出现数组最后的那个逗号。
6. 有没用JSLint等工具检查一遍?规范下你的脚本吧。
7. 页面上所有的链接都点一点,即使不是属于你这个版本的,只要你的这个版本中能看到的都应该检查下。
8. 有没有因为空格或换行带来了表现和其他页面不一致?虽然很细节,但是很明显。
9. 狂点几下需要异步请求的几个链接或按钮,看下有没做处理,看下服务器还能否承受。
10. 请产品人员检查下文字是否正确,最好不要因为文字错误而重新发布一次。
11. 把哪些没有依赖关系的,加载或执行慢的js丢到最后去,尤其是你的统计脚本。
12. 抓包,避免404和重复请求,有没cache,对速度慢的接口有没有做友好提示。
13. 回家也看下,没有公司的带宽,页面还正常否,功能还正常否,加载速度还能忍受否?
待补充……真不喜欢用13结尾。