文档章节

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

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
程序员
私信 提问
IT项目经理岗位职责

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

renwuzhongguo
2014/06/19
0
0
ApiAdmin v1.1.0,面向 API 的后台管理框架

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

ZHXI
2016/11/21
8.6K
14
我们的第一个设计模式库

我们的第一个设计模式库 Be For Web2017-11-151 阅读 设计模式 入冬了。今天是双十一来着。仔细看太阳也确实是冬天时的样子,因为比较斜。不像夏天时的那样挂在正当空肆无忌惮地哈哈大笑。 ...

Be For Web
2017/11/15
0
0
HTML(超文本标记语言)-----WEB开发基础之二

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

ayesd
2014/07/14
0
0
IAB成立项目组,追踪AI和机器学习营销效果

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

李秀琴
2017/08/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

sed, awk 练习

1. sed打印某行到某行之间的内容 2. sed 转换大小写 将单词首字母转化大写 将所有小写转化大写 3. sed 在某一行最后面添加一个数字 4. 删除某行到最后一行 解析: {:a;N;$!ba;d} :a : 是...

Fc丶
今天
2
0
babel6升级到7,jest-babel报错:Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

自从将前端环境更新到babel7,jest-babel之前是基于babel6的,执行时候就会报:Requires Babel "^7.0.0-0", but was loaded with "6.26.3". 很烦,因为连续帮好几台电脑修复这个问题,所以记...

曾建凯
今天
1
0
探索802.11ax

802.11ax承诺在真实条件下改善峰值性能和最差情况。 如何改善今天的Wi-Fi? 在决定如何改进当前版本以外的Wi-Fi时,802.11ac,IEEE和Wi-Fi联盟调查了Wi-Fi部署和行为,以确定更广泛使用的障碍...

linuxprobe16
今天
2
0
使用linux将64G的SDCARD格式化为FAT32

一、命令如下: sudo fdisk -lsudo mkfs.vfat /dev/sda -Isudo fdisk /dev/sda Welcome to fdisk (util-linux 2.29.2). Changes will remain in memory only, until you decide to wri......

mbzhong
今天
4
0
深入理解Plasma(四):Plasma Cash

这一系列文章将围绕以太坊的二层扩容框架,介绍其基本运行原理,具体操作细节,安全性讨论以及未来研究方向等。本篇文章主要介绍在 Plasma 框架下的项目 Plasma Cash。 深入理解Plasma(1):...

HiBlock
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部