posts - 36, comments - 419, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

高性能WEB开发

     摘要: 用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS:DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候,就应用该style。多么简单易懂的原理,可是这个理解却是完完全全相反、错误的  阅读全文

posted @ 2010-06-07 22:53 BearRui(AK-47) 阅读(6391) | 评论 (20)  编辑 |

     摘要: 在处理比较耗时的请求的时候,我们总希望先让用户先看到部分内容,让用户知道系统正在进行处理,而不是无响应。一般大家在处理这种情况,都使用ajax,先把html输出到客户端,然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数,而且需要写额外的js代码、和js调用的请求接口。针对这种情况,还有一种处理方法,就是让response分块编码进行传输。response分块编码,可以先传输一部分不需要处理的html代码到客户端,等其他耗时代码执行完毕后再传输另外的html代码。  阅读全文

posted @ 2010-05-19 22:38 BearRui(AK-47) 阅读(5325) | 评论 (5)  编辑 |

     摘要: 上一篇随笔中网友 skyaspnet 问我如何压缩HTML,当时回答是推荐他使用gzip,后来想想,要是能把所有的html,jsp(aspx)在运行前都压缩成1行未免不是一件好事啊。一般我们启动gzip都比较少对html启动gzip,因为现在的html都是动态的,不会使用浏览器缓存,而启用gzip的话每次请求都需要压缩,会比较消耗服务器资源,对js,css启动gzip比较好是因为js,css都会使用缓存。我个人觉得的压缩html的最大好处就是一本万利,只要写好了一次,以后所有程序都可以使用,不会增加任何额外的开发工作。  阅读全文

posted @ 2010-05-16 17:16 BearRui(AK-47) 阅读(6353) | 评论 (14)  编辑 |

     摘要: 很多网站为了获取用户访问网站的统计信息,使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics,简称ga)。注册ga后,ga就会生成一段js脚本,很多人直接把这段js复制到的最后面就完事(包括 博客园、CSDN、BlogJava)。可是ga自动生成的这段JS真的就是最合理的吗?  阅读全文

posted @ 2010-05-13 10:10 BearRui(AK-47) 阅读(4164) | 评论 (8)  编辑 |

     摘要: 页面呈现流程

回流与重绘

什么操作会引起重绘、回流

聪明的浏览器

如何减少回流、重绘

实例测试  阅读全文

posted @ 2010-05-10 17:24 BearRui(AK-47) 阅读(16374) | 评论 (38)  编辑 |

     摘要: 本篇文章主要讨论下目前JS,CSS 合并、压缩、缓存管理存在的一些问题,然后分享下自己项目中用到的1个处理方案,并提供1个实例下载。  阅读全文

posted @ 2010-05-04 13:28 BearRui(AK-47) 阅读(13673) | 评论 (14)  编辑 |

     摘要: WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现、JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍。  阅读全文

posted @ 2010-04-28 12:57 BearRui(AK-47) 阅读(21000) | 评论 (17)  编辑 |

     摘要: 准备写一系列关于高性能WEB开发的日记,主要是跟前端技术相关的(html,http,js,css等),将自己了解的一些知识做1个总结和记录并分享,希

望大家能喜欢,也喜欢自己能坚持写下去。当然因个人技术水平有限,写作能力更是非常差,所以如果有什么地方写得不好的,请大家都指点指点。  阅读全文

posted @ 2010-04-26 23:55 BearRui(AK-47) 阅读(11645) | 评论 (16)  编辑 |

     摘要: 上一篇文章中说到了 如何减少请求数,这次说说如何减少请求、响应的数据量(即在网络中传输的数据量),减少传输的数据量不仅仅可以加快页面加载速度,更可以节约服务器带宽,为你剩不少钱。
GZIP压缩
别乱用cookie
妙用204状态  阅读全文

posted @ 2010-04-26 19:53 BearRui(AK-47) 阅读(6834) | 评论 (10)  编辑 |

     摘要: http请求头的数据量
http连接开销
如何减少请求数
1. 合并文件
2. 合并图片
3. 把JS、CSS合并到1个文件
4. 使用Image maps
5. data嵌入图片  阅读全文

posted @ 2010-04-18 18:58 BearRui(AK-47) 阅读(14328) | 评论 (10)  编辑 |

     摘要: 外部JS的阻塞下载

外部js文件应该放在什么位置

嵌入JS的阻塞下载

嵌入JS导致CSS阻塞加载的问题

嵌入JS应该放在什么位置  阅读全文

posted @ 2010-04-08 16:08 BearRui(AK-47) 阅读(16488) | 评论 (42)  编辑 |

     摘要: 1、缩小图片大小
2、合并图片和拆分图片
3、透明图片处理
4、多域名下载图片
5、IE6下缓存背景图片
6、预加载图片  阅读全文

posted @ 2010-02-22 16:53 BearRui(AK-47) 阅读(10002) | 评论 (9)  编辑 |

posted @ 2010-01-29 15:42 BearRui(AK-47) 阅读(19708) | 评论 (12)  编辑 |