如何进行网站的性能优化
content方面
- 减少http请求 合并文件 css精灵图
- 减少 DNS 查询 DNS缓存 将资源分布到恰当数量的主机名
- 减少 DOM 元素的数量
Server方面
- 使用CDN
- 配置Etag
- 对组件使用 Gzip 压缩
Cookie方面
- 减小cookie大小
css方面
- 将样式表放到页面顶部
- 不使用css表达式
- 使用不使用@import
javascript方面
- 将脚本放到页面底部
- 将js和css从外部引入
- 压缩 js 和css
- 删除不需要的脚本
- 较少DOM的访问
图片方面
- 优化css精灵图
- 不要在html中拉伸图片
HTTP状态吗
| 状态码 | 含义 |
| 100 | 继续，一般在发送 post请求时，已经发送了http header之后服务器将返回此信息，表示确认，之后发送具体的参数信息 |
| 200 | 正常返回信息 |
| 201 | 请求成功，并且服务器创建了新资源 |
| 202 | 服务器已接收请求但是尚未处理 |
| 301 | 请求的网页已经永久移动到新的位置 |
| 302 | 临时性重定向 |
| 303 | 临时性重定向，而且总是使用get请求新的url |
| 304 | 自从上次请求后，请求的网页未修改过 |
| 400 | 服务器无法理解请求的格式，客户端不应该尝试再次使用相同的内容发起请求 |
| 401 | 请求尚未授权 |
| 403 | 禁止访问 |
| 404 | 请求的网页不存在 |
| 500 | 服务器错误 |
| 503 | 服务器暂时无法处理请求 |
HTML5增加新特性
- video和audio元素 用于媒介回访
- canvas用于绘画
- localStorage 长期储存数据 浏览器关闭后数据不会丢失
- sessionStorage 在浏览器关闭后会自动删除
- 添加了一些更加语义化的标签 header nav footer等
cookie、localStorage、sessionStorage之间的区别
- cookie的作用是为了表示用户身份而储存在用户本地终端上的数据
- cookie中的数据始终会在同源的http请求中携带 在浏览器和服务器之间来回传递
- sessionStroage和localStorage不会将数据发给服务器 只是在本次存储
- cookie的数据不能超过4K
- 另外两个虽然也有限制但是远超过cookie的大小限制 可以达到5M甚至更大
- localStorage的数据会一直保存 浏览器关闭后也不会删除 除非主动删除
- sessionStroage数据在当前浏览器关闭后主动删除
- cookie 过期时间决定数据的删除与否
W3c的标准是什么
- 标签的闭合
- 标签的小写
- 不乱嵌套
- 使用外连css和js
HTML的全局属性有哪些
- class：全局设置类标识
- id：元素id，文档内的唯一
- data-*：为元素添加自定义属性
- lang：元素内容的语言
- style：行内的css样式
- title：元素相关的建议信息
