网站性能优化的几种方法
- 压缩源码和图片( JavaScript 采用混淆压缩, ss 进行普通压缩, JPG 图片根据具体质量压缩为 50% 70% ,把 PNG 图片从 24 色压缩成 色以去掉 PNG 格式信息等)
- 选择合适的图片格式(颜色数多用 JPG 格式,而很少使用 PNG 格式,如果能通过服务器端判断浏览器支持 WebP 就用 WebP SVG 格式)
- 合并静态资源(减少 HTTP 请求)
- 使用精灵图
- 开启服务器端的 Gzip 压缩(对文本资源非常有效)
GZIP格式已经成为使用非常普遍的一种数据压缩格式,或者说一种文件格式。HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。减少文件大小有两个明显的好处,一是可以减少存储空间,二是通过网络传输文件时,可以减少传输的时间。gzip 是在 Linux 系统中经常使用的一个对文件进行压缩和解压缩的命令,既方便又好用。
另外,你建的如果不是大型站点。只是一个企业站或一个小社区小门户不需要用这个技术。只需要把代码优化做好一点选个速度快一点的服务器就行了。
- 使用 CDN托管
大型Web应用对速度的追求并没有止步于仅仅利用浏览器缓存,因为浏览器缓存始终只是为了提升二次访问的速度,对于首次访问的加速,我们需要从网络层面进行优化,最常见的手段就是CDN(Content Delivery Network,内容分发网络)加速。通过将静态资源缓存到离用户很近的相同网络运营商的CDN节点上,不但能提升用户的访问速度,还能节省服务器的带宽消耗,降低负载。
- 延长静态资源缓存时间
- 预加载图片,将样式表放在顶部,将脚本放在底部,加上时间戳(这样避免阻塞页面渲染,而使页面出现长时间的空白)