文档章节

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

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
程序员
IAB成立项目组,追踪AI和机器学习营销效果

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

李秀琴
2017/08/11
0
0
IT项目经理岗位职责

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

renwuzhongguo
2014/06/19
0
0
HTML(超文本标记语言)-----WEB开发基础之二

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

ayesd
2014/07/14
0
0
ApiAdmin v1.1.0,面向 API 的后台管理框架

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

ZHXI
2016/11/21
8.6K
14
Android WebView 全面干货指南

前言 总结 Android WebView 常用的相关知识点,令包含以下干货内容分析:Js注入漏洞、WebView 遇到的坑、JsBridge 原理以及框架使用(JsBridge,DSBridge-Android)、缓存机制应用、性能优化、腾...

無名小子的杂货铺
2017/10/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

redis 系列一 -- 简介及安装

1.简介 redis -- remote dictionary server 远程字典服务 使用 C 语言编写; 高性能的 key-value数据库; 内存数据库,支持数据持久化。 Redis 是一个开源(BSD许可)的,内存中的数据结构存...

imbiao
36分钟前
1
0
nginx log记录请求响应时间

有时为了方便分析接口性能等,需要记录请求的时长,通过修改nginx的日志格式可以做到,如 添加一个新的log_format log_format timed_combined '$remote_addr - $remote_user [$time_local] "...

swingcoder
59分钟前
2
0
Spring MVC之RequestMappingHandlerMapping匹配

对于RequestMappingHandlerMapping,使用Spring的同学基本都不会陌生,该类的作用有两个: 通过request查找对应的HandlerMethod,即当前request具体是由Controller中的哪个方法进行处理; 查...

爱宝贝丶
今天
2
0
Java Web--增删改查之二界面后台java代码(转载参考)

/** *  *//** * @author Administrator * */package dao; import java.sql.*;public class DBConn {/** * 链接数据库 * @return */  ...

小橙子的曼曼
今天
4
0
Redis源码阅读笔记-对象及其类型和编码

总结之《Redis设计与实现》 对象 Redis中是使用对象来便是数据库中的键和值。 结构 // server.h...#define LRU_BITS 24...typedef struct redisObject { unsigned type:4; ...

Jian_Ming
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部