标签: 网页

  • Steve Souders:你的网页有多“绿”?

    看过此文时,我打开先前的博客设计稿,删除了这种大量引用图片的“甲骨风”风格的设计。从复杂到简洁实用,再从简洁到漂亮,再从漂亮返回到实用,在设…

    看过此文时,我打开先前的博客设计稿,删除了这种大量引用图片的“甲骨风”风格的设计。从复杂到简洁实用,再从简洁到漂亮,再从漂亮返回到实用,在设计中我多次想尝试两者的结合,但始终未找能到突破点。昨天我开玩笑的和 5key 说,能否帮我写代码,有懒的成分,也有想把精力放在设计中的成分。还好,这只是个人博客的设计。如果您也在做博客设计,也看看这篇文章,让网页更“绿”一些。

    原文作者:Jesse Robbins
    原文链接:Steve Souders asks “How green is your web page?”
    译者:sniffer Steve Souders,Velocity conference 联合主席 以及 High Performance Websites 作者,允许我在这里发布他的分析:

    你的网页有多绿?

    写快速的 Web 页面对你的用户是非常好的事情,当然对你和你的公司也都是好事。其实这对于世界上其他所有人更是个好事情。

    Radar 上一篇关于 co2stats.com 的文章启发,我从能源消耗和二氧化碳排放的角度审视我的 Web 性能最佳实践YSlow 根据遵从这些最佳实践多少的程度来评测 Web 页面。如果把评测级别与千瓦小时和二氧化碳的磅数联系起来将会怎样?

    让我们来看一个网站上一条规则的情况。Wikipedia 是世界上前十名的网站(Alexa 排名第九)。我喜欢 Wikipedia,几乎每天都用。不幸的是 Wikipeida 首页上有 13 张图片,而且头的有效期还不足够长(Rule 3)。每当大家重新访问这一页时浏览器不得不向服务器发出 13 个 HTTP 请求来检查这些图片是否还可用,尽管这些图片平均七个多月都没有变化。

    Wikipedia 一个更好的办法就是在图片 URL 中放一个版本号,在图片改变的时候改变这个版本号。这就能让浏览器缓存一个图片一年或更久。这样不仅能让页面装载更快而且对环境也非常有益。我们来算笔帐:

    • 我们假设 Wikipedia 有 1 亿页面浏览/天。(我见过超过 2 亿/天的估算量。)
    • 假定这些页面 80% 通过可以缓存完成(根据 Yahoo 的 browser cache 统计),那么就是 8000 万页/天。
    • 假定其中 10% 或者 5% 是浏览主页,那么每天就是 4000 万页,每页包含 13 个 HTTP 请求来验证那些图片,一天就是 5200 万的图片请求。
    • 假定一个 Web 服务器一秒钟能处理 100 个这样的请求,一天就是 860 万个请求。那么这些流量就需要 6 台这样的 Web 服务器工作一年来处理完成。
    • 假设一个满载工作的服务器是 100 瓦,6 台服务器一年就是 5000 千瓦小时的能源以及大约 500 到 1000 磅的二氧化碳排放。

    我认为这是一个保守估计,里面有很多假设。而且 6 台服务器听上去不是很多,5000 千瓦小时跟数据中心的能源消耗比也是九牛一毛。但这只是针对一台服务器 上一个页面应用一条规则。想一下那些没有压缩的 JavaScipt、毫无节制的重定向以及泛滥的图片。如果我们在所有站点推广所有性能规则那效果就大了。

    把你的页面变得更快些,这对用户好,对你好,对地球母亲也好。

    -Steve

    Steve has a SXSW Bookreading on http://2008.sxsw.com/interactive/programming/panels_schedule/?action=show&id=IAP060323, and will be at the O’Reilly booth on Sunday from 3:30-4:30. Stop by and say hello!

  • [书]Web Designer Idea 设计师谈网页设计思维

      [url=http://www.renlen.cn]Relen[/url]的新书就要上市了,和Relen了解了一下这本书的想法和内容,感…

      Relen 的新书就要上市了,和 Relen 了解了一下这本书的想法和内容,感觉还是不错的,现在推荐给大家。飞思系列的书,应该 Relen 是第一个中国作者,韩国人出的不少。

      为了本书宣传,Relen 会进行一系列的小活动,可能参与者会通过活动获得这本书及 Relen 的亲笔签名。 [lol]  敬请关注!

    前言 网页设计从哪里开始?
     |我们为什么而工作?
     |行业的现状
     |多方位思考及本书的写作意图

    目的(意图、建立网站的目的)

    引言
    明确主题
    材料分析
    目标用户
    “设计”目的
     |特殊、唯一、印象深刻;以优势取胜
     |优势在全面中变得平庸,网站内容忌臃肿
     |视觉识别不足够,用“口号”加强补足
     |可信度信息
    网站策划书 
     |策划书写作

    信息(网站的内容;传递的内涵)

    引言
    信息与信息空间
    |信息的形式
       |文字
    |图片 
    |动画 
    |音乐
    |信息的创建与管理
    阅读全文

  • 从网页到网络平台 网站开发模式正发生改变

    作者: CNET科技资讯网 翻译:李海 10年之前,网络的出现给任何拥有互联网连接的人开启了一扇通向海量信息的大门。现在,公共网站上使用的智…

    作者: CNET 科技资讯网 翻译:李海

    10 年之前,网络的出现给任何拥有互联网连接的人开启了一扇通向海量信息的大门。现在,公共网站上使用的智能数据技术正在让信息可以满足用户的特定需求。

    能够让人们寻找到便宜汽油的 Google 地图界面就是这种技术的代表。越来越多的独立开发者正在使用网络巨头提供的工具,开发出越来越多的好玩程序,他们的努力令这些网站的内容越来越丰富。

    对于网站所有者们来说,这预示着一个巨大的变革,尤其对于那些想迎接 Web 2.0 时代的人来说更是如此。分析师认为,和以往仅仅将网络看作是一支便利的信息发布工具不同,现在的网络企业需要开始扮演软件公司的角色,他们要去鼓励程序员在自家的平台上开发各种服务。

    RedMonk 公司的分析师 Stephen O’Grady 说:“结果就是,很多聪明的网站经营者开始明白到了软件公司已经明白的东西:要保持你的组织富有创新,你需要开发社区的帮助。社区规模越大,你就越富有创新性。”
    阅读全文

  • 微软推新网页开发框架 应对 Firefox 支持 Ajax

      微软公司将在今年9月召开的专业开发商大会(PDC)上发布新的目标导向型技术框架,旨在简化客户端浏览器应用程序的开发。   微软公司平台战…

      微软公司将在今年 9 月召开的专业开发商大会(PDC)上发布新的目标导向型技术框架,旨在简化客户端浏览器应用程序的开发。

      微软公司平台战略集团总经理 Fitzgerald 说,新技术框架开发代码名是 Atlas,它整合了旧版 IE 浏览器中的可行技术,即准许网页升级在背景下运行,而不是连续与服务器联系以刷新网页。

      他还说,这种技术、即 DHTML 和 HTTPXML,提供了所谓 Ajax (Asynchronous JavaScript and XML—非同步 Java 描述语言和扩展标识语言) 的开发基础。这种方式的编程可使应用程序在浏览器页面上动态地修改,而无需虽服务器改变而改动。

      他说,这种开发方式的好处是,你可以得到更多的互动、更多的网页回应。Atlas 只是一个标准 Java 描述语言代码的大汇集。许多开发者可将其整合到 Web 应用上,以便创造更丰富、互动程度更高的用户体验。

      微软官员说,DHTML 和 HTTP 阅读全文

  • Google 最巨,雅虎次之:全球网页超过 115 亿

    多年以来,不管是业界专家还是普通用户都对互联网络的规模抱有浓厚的兴趣,不断得出各种猜测数据。现在,一份最新的研究论文显示,截至2005年1月…

    多年以来,不管是业界专家还是普通用户都对互联网络的规模抱有浓厚的兴趣,不断得出各种猜测数据。现在,一份最新的研究论文显示,截至 2005 年 1 月份,全球网页数量达到 115 亿或者更多。

      这份研究论文由来自意大利比萨大学(Università di Pisa)的 Antonio Gulli(现任 ASK Jeeves 搜索引擎公司高级产品经理)和爱荷华州立大学的 Alessio Signorinialso 共同完成。他们在该论文中对网络资源被各家搜索引擎所占有的比例进行了估计。具体数据如下表所示:

    Google 宣称拥有 81 亿网页,是最大的搜索引擎数据库。从上表可以看出,该论文的估计结果也显示 Google 的自我报告比较符合事实,MSN 和 ASK Jeeves 也过高吹嘘自己的实力。
    阅读全文

© 2026 Xiaoxiao’s Weblog. 粤ICP备15088982号