如何进行一个网站的性能优化?

2020-05-13  本文已影响0人  风雅欢乐

内容方面

  1. 减少HTTP请求: 合并文件, 使用CSS Sprite, 较小的图片可以使用数据链接(数据链接格式: data:image/png;base64,xxxxx数据内容xxxxx)等
  2. 减少DNS查询: DNS缓存, 将资源分部到恰当数量的主机
  3. 减少DOM元素的数量

服务器方面

  1. 使用CDN
  2. 配置Etag
  3. 使用Gzip压缩

Cookie方面

减小cookie大小

CSS方面

  1. 将样式表放到页面顶部
  2. 不使用CSS表达式(CSS表达式是IE浏览器特有的, 把css和js关联起来动态设置样式的方法)
  3. 使用link而不使用@import(link标签引用的css会在页面加载同时被加载; 而@import引用的css会等到页面全部下载完成再加载, 有时候有闪烁现象)

JavaScript方面

  1. 将脚本放在页面底部
  2. 将js和css从外部引入
  3. 将js和css压缩
  4. 减少DOM操作

图片方面

  1. 优化图片: 根据实际需要选择色深, 压缩
  2. 优化CSS Sprite
  3. 不要在HTML中拉伸图片
上一篇 下一篇

猜你喜欢

热点阅读