FEELING'S BLOG

关注以HTML,CSS为中心的用户体验!

招聘职位:页面重构工程师

工作职责:负责互联网系统产品(QQ会员,QQ空间,QQ秀,QQ音乐,拍拍)的网站重构

工作地点:深圳

职位要求:

  • 对符合web标准的网站重构有丰富经验,有成功案例;
  • 精通结构化语言xhtml、xml与解释性语言css;
  • 精通图像处理软件与网页编辑软件;
  • 精通网站性能优化,技术体验优化;
  • 及时了解业界前瞻信息及应用,并有浓厚的兴趣和深入的见解;
  • 逻辑分析能力强,善于沟通,较强的学习能力;
  • 熟悉搜索引擎优化,有相关线上案例者优先考虑;
  • 熟悉对象模型与脚本语言Javascript,了解JQuery,有前台开发经验者优先考虑;
  • 熟悉多终端(手机、打印机、盲人阅读器)浏览器差异化,有相关制作经验者优先考虑。

腾讯互联网业务系统常年招聘页面重构工程师,有意者可以发送应聘简历到feeling@tencent.com;或QQ:289694837沟通。

翻译一篇08年的文章,介绍IE8浏览器的新特性。

http://www.stevesouders.com/blog/2008/03/10/ie8-speeds-things-up/

  • 在IE8 beta 1版本的新闻发布会上提到了浏览器性能的改进,这些性能的改进都是围绕DOM结构,Javascript的执行效率。,其中有三个非常大的进步:每个域名支持6个并发请求;支持脚本并行加载(非常大的进步)以及支持Data:URIs。
  • 并发请求使页面加载速度更快(对于CPU较慢的用户可能会更糟,但对于大多数用户来说更快);HTTP1.1文档中提到每个域名只能同时加载2个请求,然而这些都是1999制定的标准,今天的客户端和服务器完全能够支持更多的并发请求,所以IE8将并发请求提高到2~6个。
  • 支持脚本并行加载使页面加载速度更快。当浏览器在下载脚本文件时Firefox和IE8以前的版本是不允许下载其他文件的,这是一件非常痛苦的事情。伴随着WEB2.0和DHTML的发展越来越多的页面需要脚本支持,意味着用户在体验这些页面的时候需要更长的等待时间,脚本需要有执行顺序(代码依赖关系)这是可以理解的,但是没有理由不能并行下载。然而IE8迈出了非常重要的一步,拿FACEBOOK来说,他们的页面有17个脚本,当你清空缓存后打开页面你会发现大多数浏览器加载肯定很慢,但是对IE8来说脚本加载速度却可以提高80%,下面这张图就是FACEBOOK的脚本加载情况:
    facebook-parallel-scripts
  • 经过长时间的等待IE8终于宣布支持Data:URIs,它允许开发人员直接在HTML文件中嵌入资源(图片,脚本以及任何URL),这一点对于css背景图片特别有效,你可以直接在样式文件中嵌入代码,然后将样式文件做cache处理。

原文:http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/

作者:Sergey Chikuyonok

译文:http://zanbu.blogbus.com/logs/43337794.html

PS:我自己录制了操作视频,有需要的可以联系我

灰度

Photoshop不能保存灰度模式的PNG文件,所以你得在保存黑白图像后再使用OptiPNG,代码如下:optipng -o5 bw-image.png。

灰度图像占用的空间远小于RGB图像,因为每个像素只用一个字节来表示,而不是三个。

PNG-24(Photoshop → 真彩色),8167字节。

PNG-24(Photoshop + OptiPNG → 灰度),6132字节。

在保存图像为PNG文件之前,将其设置为灰度模式(图像 → 模式 → 灰度)非常重要,尤其是半透明图像(参见Dirty transparency的方法)。

阅读这个条目剩下部分 »