web性能
lidaweihgy
这个作者很懒,什么都没留下…
展开
-
提高web性能之--使用JSON格式来进行数据交换
基本原理:JSON是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。与XML序列化相比,JSON序列化后产生的数据一般要比XML序列化后数据体积小,所以在Facebook等知名网站中都采用了JSON作为数据交换方式。转载 2013-04-07 13:51:23 · 741 阅读 · 0 评论 -
提高web性能之--使用内容发布网络
将组件服务器分离,如图片,javascript,css发布到CDNCDN 是一组分布在多个不同地理位置的 web服务器。服务器离用户越近,访问速度越快。原创 2013-04-02 21:27:14 · 502 阅读 · 0 评论 -
提高web性能之--添加expires头
页面包含了大量的组件,可以使用expires头将组件缓存下来web服务器使用expires头告诉web客户端它使用一个组件的当前副本,直到制定的时间为止。但是expires严格要求客户端和服务端的系统时间保持一致。 使用 cache-control 的max-age来指定组件被缓存多久cache-control仅支持http1.1,不过已经占据90%修订文件名使原创 2013-04-02 21:53:47 · 1162 阅读 · 0 评论 -
提高 web 应用性能之 JavaScript 性能调优
简介: JavaScript 是一个比较完善的前端开发语言,在现今的 web 开发中应用非常广泛,尤其是对 Web 2.0 的应用。随着 Web 2.0 越来越流行的今天,我们会发现:在我们的 web 应用项目中,会有大量的 JavaScript 代码,并且以后会越来越多。JavaScript 作为一个解释执行的语言,以及它的单线程机制,决定了性能问题是 JavaScript 的软肋,也是 w转载 2013-01-05 09:54:55 · 412 阅读 · 0 评论 -
提高web性能之--正确理解 Repaint 和 Reflow
基本原理:Repaint(重绘)就是在一个元素的外观被改变,但没有改变布局(宽高)的情况下发生,如改变visibility、outline、背景色等等。Reflow(重排)就是DOM的变化影响到了元素的几何属性(宽和高),浏览器会重新计算元素的几何属性,会使渲染树中受到影响的部分失效,浏览器会验证DOM树上的所有其它结点的visibility属性,这也是Reflow低效的原因。如:转载 2013-04-07 13:48:22 · 638 阅读 · 0 评论 -
提高web性能之--高效使用HTML标签和CSS样式
基本原理:HTML是一门用来描述网页的一种语言,它使用标记标签来描述网页,作为一名合格的前端开发,你有必要去知道其常用标签代表的含义(SEO)和属性(表现形式)。CSS指层叠样式表 (Cascading Style Sheets),如果说把页面想象成一个人,HTML就是人的骨架,CSS就是人的衣装,一个人的品味从他的衣装就能一目了然。一名专业的前端开发也是一名优秀的重构,因转载 2013-04-07 14:52:49 · 955 阅读 · 0 评论 -
提高web性能之--减少http请求
80%的时间是下载组件css sprites将图片合并,减少http请求,用css 的background-position 来制定图片的偏移量内联图片使用data:url 内联图片,不需要额外的http请求合并脚本和样式表保持javascript模块化,在生成过程中从一组特定的模块生成一个目标文件原创 2013-04-02 21:11:21 · 559 阅读 · 0 评论 -
提高web性能之--压缩组件
请求中使用accept-encoding来表示对压缩的支持例如:accept-encoding: gzip,deflateweb服务器通过 content-encoding来通知web客户端压缩 js,css,json文本不应该压缩图片,pdf因为已经压缩过了,浪费cpu资源压缩使数据减少70%原创 2013-04-02 22:02:34 · 493 阅读 · 0 评论 -
提高web性能之--减少对DOM的操作和访问
基本原理:对DOM操作的代价是高昂的,这在网页应用中的通常是一个性能瓶颈。天生就慢。在《高性能JavaScript》中这么比喻:“把DOM看成一个岛屿,把JavaScript(ECMAScript)看成另一个岛屿,两者之间以一座收费桥连接”。所以每次访问DOM都会教一个过桥费,而访问的次数越多,交的费用也就越多。所以一般建议尽量减少过桥次数。解决办法:修改和访问DO转载 2013-04-07 13:50:12 · 3621 阅读 · 0 评论 -
提高web性能之--将CSS和JS放到外部文件中引用,CSS放头,JS放尾
基本原理:注:这个是很基础且必须遵循的知识点,可是为了文章的完整性勉为其难加进来吧,嘿嘿。引入外部文件好处是显而易见的,而且是项目稍稍复杂一点的时候就有必要了这样做了。易维护、易扩展,方便管理和重复利用。正确的方式:JavaScript是浏览器中的霸主,为什么这么说,因为在浏览器在执行JavaScript代码时,不能同时做其它事情,即每次出现都会让页面等待脚转载 2013-04-07 14:55:43 · 4098 阅读 · 0 评论