`
ldl_xz
  • 浏览: 68848 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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

 
阅读更多

1.文档声明

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

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

PS:其实本人还是倾向于向前走,拥抱HTML5的

<!--more-->

2.HTML架构

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

//在body之前放置一些通用JS

//在body之后放置一些业务JS,尤其是当中有ajax请求的js

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

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

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

分享到:
评论

相关推荐

    Java项目组开发规范.pdf

    《Java项目组开发规范》是一份旨在提高软件开发质量和效率,确保代码可维护性、可读性和团队协作性的指南。该规范主要分为五个章节,详细规定了Java项目开发的各个方面。 第一章概述中,编写目的明确指出规范的制定...

    产品新人如何用做产品的方法制作Axure元件库.docx

    以下是一份详细的制作指南: 1. **明确产品规范与目的**: 在制作元件库之前,首先获取设计团队制定的页面规范,包括控件的尺寸、颜色、字体等。了解元件库的用途是为了方便产品经理绘制原型,因此在制作过程中应...

    Java开发规范[参照].pdf

    《Java开发规范》是一份旨在提升软件开发质量和团队协作效率的文档。这份规范主要针对Skyinn Group及其下属的所有软件项目,要求所有开发人员在设计、编码、维护和升级过程中遵循。其核心目标是通过建立标准化的编码...

    大学生电子商务竞赛网店规划书.docx

    在大学生电子商务竞赛中,网店规划书是参赛团队展示其商业理念和技术策略的重要文档。...对于参赛者而言,这不仅是一份计划,更是一份实战指南,旨在通过精心策划和实施,赢得竞赛并成功运营一家网店。

    电信设备-一种基于Nutch的Web信息提取方法和系统.zip

    1. **种子URL设置**:首先,用户需要定义一组初始的URL(种子),这些URL是Nutch开始爬取的起点。 2. **网络爬取**:Nutch使用HTTP协议下载网页,并将下载的页面存储在数据库中。它还根据网页上的链接关系构建出一...

    SAP SuccessFactors Employee Central Project Team Orientation(Han

    《SAP SuccessFactors 员工中心项目团队定向》指南主要针对那些负责实施和维护SuccessFactors应用程序的关键组织利益相关者。这份导向旨在提供一个关于SAP SuccessFactors员工中心的核心开箱即用功能的知识转移,使...

    MOC3370A.First.Look.Getting.Started.With.Microsoft.Office.SharePoint.Server2007.Ebook-LiB.pdf

    标题与描述均指向了同一份资源:MOC3370A首次审视——开始使用Microsoft Office SharePoint Server 2007电子书。这份文档显然旨在为用户和IT专业人士提供一个全面的入门指南,帮助他们理解和操作SharePoint Server ...

    JSF 组件开发.rar

    **JSF(JavaServer Faces)组件开发** JSF是一种基于MVC(模型-视图-控制器)架构的Java Web应用程序框架,由Java Community Process(JCP)...如果你正在学习或工作中涉及到JSF,这个资源将是一份宝贵的参考资料。

    数据库课程设计报告 (2).docx

    综上所述,这份数据库课程设计报告详细介绍了从可行性分析到网站开发全过程的关键步骤和技术要点,为读者提供了一个全面且实用的指南。通过遵循这些指导原则,开发者能够高效地完成项目的开发工作,并确保网站在技术...

    JS各种版本手册

    7. 数组:存储一组有序数据的数据结构,可以使用索引访问。 8. 字符串:不可变序列,常用的方法有slice、substring、indexOf等。 9. 事件:用于响应用户操作或浏览器状态改变,如点击、滚动、加载等。 10. DOM操作:...

    Manning Zend Framework in Action

    - **基础知识**:提供一份清单,列出读者应该已经具备的 PHP 和 Web 开发基础知识。 - **推荐学习资源**:推荐一些学习资源,帮助读者巩固基础。 **Appendix B. System-Specific Gotchas** - **常见问题**:列出...

    HTML5详细介绍

    - 2008年1月22日,发布了第一份草案。 - 2012年推出了候选推荐标准。 - **开发者组织**: - **WHATWG**:由Apple、Mozilla、Google、Opera等浏览器厂商组成的团体,负责制定HTML5规范。 - **W3C**:负责发布...

    web前端开发规范手册

    - **概述**: 为了提升团队协作效率,便于后台人员添加功能以及前端后期优化维护,确保文档的质量,特制定了这份前端开发规范手册。该手册旨在规范化前端开发流程,确保代码的一致性和可维护性。 #### 二、文件规范 ...

    界面设计规范

    - 提供一份完整的快捷键列表。 - 在界面上给出明显的提示,告知用户可用的快捷键。 **2. 常用操作的快捷方式:** - **描述:** 对于常用的操作,提供快速访问的途径。 - **实践建议:** - 设计快捷菜单或侧边栏...

Global site tag (gtag.js) - Google Analytics