Web性能优化对策

DNS查询

如果想要减少DNS查询时间,就需要减少域名数量

建立TCP连接

1: 开启keep-alive 可以使得连接复用
2: 开启HTTP/2.0 可以使得多路复用

HTTP请求

1: 减小cookie体积(CDN没有cookie)
2: 加上CacheControl
3: 同时发送多条请求,增加域名(CDN)(和DNS查询一同优化时需要权衡,文件少,不需要加域名,文件多的时候可适当增加域名)

接受响应

1:用ETAG响应一个304
2:用GZIP压缩(但是解压会耗费Chrome的CPU,也是需要权衡的一项,文件本身就很小,就不需要压缩)

DOCTYOE

不要写错,也不能不写

标签

减少标签

CSS和JS

1:压缩
2:超过上限的时候放在不同域名(使用CDN)
3:CSS放head尽早下载,显示页面,JS放body最后面
4:可合并JS,CSS

懒加载

刷到了才加载,没看到的页面 只有基础的html css样式
搜索 雅虎性能优化35条规则

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 网页性能优化的目的 减少服务器压力 增强用户体验,减少加载时间,通俗地说就是用户感觉打开你的网页很快,等待页面资源...
    Scott1738阅读 2,784评论 0 1
  • 摘要:本文通过 “ 一个页面从输入 URL 到页面加载显示完成 ” 的各个步骤,来详解阐述一下每一步可以如何优化,...
    EnochQin阅读 3,114评论 0 2
  • 相关概念 阻塞渲染 JS下载、执行时肯定会阻塞渲染例如下图中代码,对于浏览器,接收到html文档后,解析到a.js...
    LouisJ阅读 4,773评论 0 32
  • 新人 选秀热闹的结束了,新进了不少新人,三日后,皇帝就下旨,布告天下。 “奉天承运皇帝,诏曰:尔等毓质名门,温恭懋...
    君清兮阅读 2,828评论 0 0
  • 1.你可以选择坐在一边,也可以选择跳舞,我希望你跳舞。 2.我每天都很努力地为别人做点儿好事,不管我认不认识那个人...
    心诚则灵yue阅读 3,793评论 0 3