文档章节

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

rin9958
 rin9958
发布于 2016/06/28 22:05
字数 442
阅读 25
收藏 6

1.文档声明

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

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

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

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

© 著作权归作者所有

共有 人打赏支持
rin9958
粉丝 9
博文 113
码字总数 54109
作品 0
程序员
私信 提问
HTML(超文本标记语言)-----WEB开发基础之二

HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup ...

ayesd
2014/07/14
0
0
IT项目经理岗位职责

转载:http://liunian1590.blog.163.com/blog/static/200637155201252513738309/ 一、软件公司项目经理岗位职责 主要职责: 1、 计划: a)项目范围、项目质量、项目时间、项目成本的确认。 ...

renwuzhongguo
2014/06/19
0
0
IAB成立项目组,追踪AI和机器学习营销效果

图片来源/Search Engine Land 雷锋网8月11日消息 IAB(互动广告协会)今天正式推出一个专注于AI和机器学习的项目组,其目的在于帮助市场营销、技术和广告行业的管理人员了解AI和机器学习将对...

李秀琴
2017/08/11
0
0
ApiAdmin v1.1.0,面向 API 的后台管理框架

站在巨人的肩膀上,并不是高的表现,反而使自己变得渺小~只有吸收了巨人的营养,茁壮自己才是真正的高大! --笔者 灵 感 首先自我介绍下吧,我是一个PHP程序员,一个刚刚干了两年左右的小菜鸟...

ZHXI
2016/11/21
9.2K
14
给前端开发者的 20 款实用文档和指南

又到了该学习的时候了!之前,我已经收集了许多不同的学习资源,包括教程,文档,和其他一些有用的网站,这些资源可以用来帮助你快速掌握前端开发的不同技术。 1. CSS 取模查询和范围选择器 ...

oschina
2016/11/21
5.8K
13

没有更多内容

加载失败,请刷新页面

加载更多

centos7重置密码、单用户模式、救援模式、ls命令、chmod命令

在工作当中如果我们错误的配置了文件使服务器不能正常启动或者忘记密码不能登录系统,如何解决这些问题呢?重装系统是可以实现的,但是往往不能轻易重装系统的,下面用忘记密码作为例子讲解如...

李超小牛子
今天
3
0
Python如何开发桌面应用程序?Python基础教程,第十三讲,图形界面

当使用桌面应用程序的时候,有没有那么一瞬间,想学习一下桌面应用程序开发?行业内专业的桌面应用程序开发一般是C++,C#来做,Java开发的也有,但是比较少。本节课会介绍Python的GUI(图形用...

程序员补给栈
今天
6
0
kafka在的使用

一、基本概念 介绍 Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。 这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统...

狼王黄师傅
今天
3
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
3
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部