web网页性能优化主要有两种方式,一种是优化服务器端,也即是后端的优化,后端优化也是最关键,效果最明显的,当后端优化做到极致后,前端优化也不可忽视,作为一名后端,对前端优化不说全部掌握,至少要有所了解,在需要时做到有计可施可也...
关于后端优化,涉及的内容极多,有兴趣的可以参考这篇: (创作中,好了会及时在这里更新为URL)
浏览器端的优化主要有以下几种方式:
1.压缩源码和图片
JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为50%到70%,PNG可以使用一些开源压缩软件来压缩,比如24色变成8色、去掉一些PNG格式信息等。
2.如果图片颜色数较多就使用JPG格式,如果图片颜色数较少就使用PNG格式.
3.合并静态资源
包括CSS、JavaScript和小图片,减少HTTP请求。有很大一部分用户访问会因为这一条而取得最大受益.
4.开启服务端的Gzip压缩
这对文本资源非常有效,对图片资源压缩效果感人...
5.使用CDN静态资源加速
使用CDN加速或者一些公开库使用第三方提供的静态资源地址(比如jQuery、normalize.css)。一方面增加并发下载量,另一方面能够和其他网站共享缓存。这里推荐一个免费开源的CDN加速网站:https://www.bootcdn.cn/
6.根据情况延迟静态资源的缓存保存时间
如此,频繁访问网站的访客就能够更快地访问。不过,这里要通过修改文件名的方式,确保在资源更新的时候,用户会拉取到最新的内容。
7、把CSS放在页面头部,把JavaScript放在页面底部
这样就不会阻塞页面渲染,让页面出现长时间的空白。