Web项目优化
来源:互联网 发布:网络中国算命 编辑:程序博客网 时间:2024/05/18 22:45
web项目优化
Web性能优化分为服务器端和浏览器端两个方面。
一、浏览器端,关于浏览器端优化,分很多个方面
1、压缩源码和图片
JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为50%到70%,PNG可以使用一些开源压缩软件来压缩,比如24色变成8色、去掉一些PNG格式信息等。
2、选择合适的图片格式
如果图片颜色数较多就使用JPG格式,如果图片颜色数较少就使用PNG格式,如果能够通过服务器端判断浏览器支持WebP,那么就使用WebP格式和SVG格式。
3、合并静态资源
包括CSS、JavaScript和小图片,减少HTTP请求。有很大一部分用户访问会因为这一条而取得最大受益
4、开启服务器端的Gzip压缩
这对文本资源非常有效,对图片资源则没那么大的压缩比率。
5、使用CDN
或者一些公开库使用第三方提供的静态资源地址(比如jQuery、normalize.css)。一方面增加并发下载量,另一方面能够和其他网站共享缓存。
6、延长静态资源缓存时间
这样,频繁访问网站的访客就能够更快地访问。不过,这里要通过修改文件名的方式,确保在资源更新的时候,用户会拉取到最新的内容。
7、把CSS放在页面头部,把JavaScript放在页面底部
这样就不会阻塞页面渲染,让页面出现长时间的空白。
阅读全文
0 0
- Java Web 项目优化
- web项目性能优化
- Web项目优化
- web项目优化
- java web项目优化过程
- 高性能web网站优化项目
- web开发性能优化---项目架构篇
- web 项目从系统到数据库优化
- web项目的性能优化原则
- WEB项目优化技巧(必会)
- web开发性能优化---项目架构篇
- 利用Gulp优化部署Web项目
- web项目性能优化(整理)
- java web项目性能优化之五花八门
- 小型 Web 页项目打包优化方案
- web项目优化日志打印方法
- java web项目优化记录:优化考试系统
- Web项目性能优化之减少HTTP请求次数优化
- 有趣的现象,改天详细钻下
- 51单片机之外设——点亮LED
- Java-final,finally和finalize
- ES6--iterator和for-of循环
- HDU 4790 Just Random
- Web项目优化
- js之原型链与继承
- Redis学习日志(三)
- 重载和重写
- JAVA单例模式的7种方式
- 数组排序c/c++
- 51nod 1267 4个数和为0
- jdk中哪些类是不能继承的
- 半监督学习