Web性能优化

66次阅读

共计 337 个字符,预计需要花费 1 分钟才能阅读完成。

web 性能可以通过以下几方面来优化
content 方面
1、减少 HTTP 请求:合并文件、CSS 精灵、inline Image

2、减少 DNS 查询:DNS 缓存、将资源分布到恰当数量的主机名

3、减少 DOM 元素数量

Server 方面
1、使用 CDN

2、配置 ETag

3、对组件使用 Gzip 压缩

Cookie 方面
1、减小 cookie 大小

2、css 方面

3、将样式表放到页面顶部

4、不使用 CSS 表达式

5、使用 <link> 不使用 @import

Javascript 方面
1、将脚本放到页面底部

2、将 javascript 和 css 从外部引入

3、压缩 javascript 和 css

4、删除不需要的脚本

5、减少 DOM 访问

图片方面
1、优化图片:根据实际颜色需要选择色深、压缩

2、优化 css 精灵

3、不要在 HTML 中拉伸图片

正文完
 0

web性能优化

66次阅读

共计 602 个字符,预计需要花费 2 分钟才能阅读完成。

web 性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。先收藏一篇文章,以后有时间在慢慢研究。毫秒必争,前端网页性能最佳实践这是一篇讲关于 web 性能优化的。下面是讲我工作中遇到的几个优化问题。
1. 使用缩略图优化图片显示速度
手机端由于性能、资源和网络的原因,没法和电脑比,在手机上显示图片的时候,要显示缩略图。之前做过一个项目,由于经验不足,没有保存缩略图,在手机上显示的图片都是原图,图片少的时候还能接受,图片一多,整个页面都卡死了,甚至微信都闪退了,后面改成在手机端显示缩略图之后,页面的速度快了很多。我是在上传图片的时候做了处理,多保存了一份缩略图,原图在可接受的范围内也做了压缩。图片的大小是影响性能的一个很重要的因素。
2.css 和 js 的压缩
对页面引用的样式和 js 文件进行压缩,合并一些 js 和 css 文件减少请求等,也是 web 性能优化的一个方法。我们的站点都是使用 ASP.NET MVC 开发的,文件压缩合并使用的是 ASP.Net MVC 中自带的 Bundle 进行压缩合并,使用 bundle 主要的作用就是压缩和合并文件,减小请求的体积和次数,当文件有更新的时候,还能帮忙清除浏览器缓存,是使用 Asp.Net MVC 开发站点压缩文件的首选。这里还需要注意的是,bundle 压缩的文件最好能独立运行,有依赖关系的要进行合并压缩,不然可能会报错。
后面如果还用到了什么优化的方法会继续更新

正文完
 0