Redky

web前端开发/HTML/CSS/JavaScript

第八次w3c标准化交流会

without comments

不知道是不是受到最新书籍《高性能网站建设进阶指南》影响,页面的性能受到越来越多的重视。今天的交流多数时间就花在JavaScript/img/css等性能上,最后Kejun分享了比较受欢迎的学习+思考+行动(再加上遨游的朋友补充)。

  1. 拔赤给大家分享的JavaScript性能——减少http请求数。通过合并javascript/css; 它的方案是完全自动化的、压缩方案。
    使请求的src的格式为:  http://somedemo.com/js/head.js & js/body.js。就是使用&连接两个以上的js文件。即把两个以上的http请求合并
    成一个http请求,减轻服务器压力——记得当时听到这样一句话:减少一定的http请求而增加适当的字节数是值得的。
    当时讨论的一个问题:把所以的文件合并成一个文件的话,会不会把共用的js文件都分别合并到一个文件里,结果每次在请求js文件时,都会把这些共用的js下载一次,加大了js文件的大小——没有实现共享javascript。
    我的理解是这样的:这里做讲解只是为了说明这样一种问题——合并多个js文件会减少http的请求数,可减轻服务器的压力。但是在应用中,合并哪些文件要根据项目的需求来决定的,不可能会有银弹存在。
    2010-05-31:尝试了minify这个工具。只是合并了js文件,主要减少了http请求,字节大小基本不变。可以再加代码使js和图片flash并行加载,那样会更好。
  2. 小议JavaScript设计模式。这块对JavaScript的单体/单件模式比较熟悉,并且经常使用的。今天学习到了,适配器模式和门面模式的区别,
    前者主要使用于不同系统的整合,提供一个中间适配器接口,整合不同的系统;而后者上层调用下层不同的多个接口。
    不同模式可能会存在相同的东西,单体模式和享元模式,但要看主要的用途才对——个人看法。
  3. 对图像的压缩。 我做页面来说,有用的就这么几点:如果可以的话,请使用png8代替gif;使用smush it工具进行无损压缩;
    还提到pngout对png进行压缩, 这个不是一个开源的工具,可以下载到exe文件,在cmd里使用,相当简单,前几天使用过。
    还有:使用Firefox的Yslow插件,Yslow中有一个tool面版,它里面也有smush it工具。smush it工具简单,看一下就会使用。
    新浪的朋友非常注重工具的使用,我特别佩服。我们可以不会开发工具,但一定要站在巨人的肩膀上。
  4. kejun分享了学习、思考、行动。讲到对知识的管理——这点我比较差,有感触,得思考一下>…<。
    2010-05-31:那个选修课和必修课,我100%赞同。一个人不可能把所有的知识都学精通,并且并不是所有的知识点都会用到。要了解所在行业的发展趋势,html5、css3早晚都得来,它们只是时间问题而已,所以它们会前端开发者的必修课;而as、flash可能会被html5+css+js代替,所以它们可以做为选修课。

下一期,可能有关于Fireworks工具使用的一些小技巧,如果想补充一下相关的知识,那第9期交流会一定要参加!

Written by jim

五月 29th, 2010 at 10:50 下午

Posted in 体会生活

Tagged with

Leave a Reply