Speech Recognition with Javascript; speechapi.com

nick | js, web, 学习 | 2010-05-17
Speech Recognition with Javascript; speechapi.com
Elias Majic and Spencer Lord have guest authored this post on speech recognition in JavaScript. Do you have something to share? Consider your own guest post and contact us! Recently Google’s free text to speech api has made the rounds. The reverse is also possible, converting speech to text. With speechapi.com’s j... [阅读全文]

WEB高性能开发(10) – 疯狂的HTML压缩

nick | css, java, js, web, 学习 | 2010-05-17
随笔中有网友 skyaspnet 问到如何压缩HTML,当时回答是推荐他使用gzip,后来想想,要是能把所有的html,jsp(aspx)在运行前都压缩成1行未免不是一件好事啊。一 般我们启动gzip都比较少对html启动gzip,因为现在的html都是动态的,不会使用浏览器缓存,而启用gzip的话每次请求都需要压缩,会比较 消耗服务器资源,对js,css启动gzip比较好是因为js,css都会... [阅读全文]

该如何加载google-analytics(或其他第三方)的JS

nick | js, web | 2010-05-17
该如何加载google-analytics(或其他第三方)的JS
很多网站为了获取用户访问网站的统计信息,使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics, 简称ga)。注册ga后,ga就会生成一段js脚本,很多人直接把这段js复制到<body>的最后面就完事(包括 博客园、CSDN、BlogJava)。可是ga自动生成的这段JS真的就是最合理的吗? 哪怎么样才算是合理,怎样才是不合理了?因ga只是1个分... [阅读全文]

高性能WEB开发(8) – 页面呈现、重绘、回流

nick | css, java, js, linux, web, windows, 学习 | 2010-05-17
高性能WEB开发(8) – 页面呈现、重绘、回流
页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1.  浏览器把获取到的html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对... [阅读全文]

高性能WEB开发(7) – JS、CSS的合并、压缩、缓存管理

nick | apache, css, java, js, linux, web, windows, 学习 | 2010-05-17
高性能WEB开发(7) – JS、CSS的合并、压缩、缓存管理
本篇文章主要讨论下目前JS,CSS 合并、压缩、缓存管理存在的一些问题,然后分享下自己项目中用到的1个处理方案,并提供1个实例下载。 存在的问题: 合并、压缩文件主要有2方面的问题: 1. 每次发布的时候需要运行一下自己写的bat文件或者其他程序把文件按照自己的配置合并和压缩。 2. 因生产环境和开发环境需要加载的文件不一样,生产环境为了需要加载合... [阅读全文]

高性能WEB开发(6) – 减少请求,响应的数据量

nick | linux, web, windows, 学习 | 2010-05-17
高性能WEB开发(6) – 减少请求,响应的数据量
上一篇中我们说到了 如何减少请求数,这次说说如何减少请求、响应的数据量(即在网络中传输的数据量),减少传输的数据量不仅仅可以加快页面加载速度,更可以节约服务器带宽,为你剩不少钱(好像很多机房托管都是按流量算钱的)。 GZIP压缩 gzip是目前所有浏览器都支持的一种压缩格式,IE6需要SP1及以上才支持(别说你还在用IE5,~_~)。gzip可以说是最方便而... [阅读全文]

高性能WEB开发(5) – 为什么要减少请求数,如何减少请求数!

nick | js, linux, php, web, windows, 学习 | 2010-05-17
高性能WEB开发(5) – 为什么要减少请求数,如何减少请求数!
http请求头的数据量 我们先分析下请求头,看看每次请求都带了那些额外的数据.下面是监控的google的请求头 Host www.google.com.hk User-Agent Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 GTBDFff GTB7.0 Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Languag... [阅读全文]

高性能web开发(4) – 如何加载JS,JS应该放在什么位置?

nick | js, linux, web, windows, 学习 | 2010-05-17
高性能web开发(4) – 如何加载JS,JS应该放在什么位置?
外部JS的阻塞下载 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问:为什么JS不能像CSS、image一样并行下载了?这里需要简单介绍一下浏览器构造页面的原理, 当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转... [阅读全文]

高性能WEB开发(3) – 图片篇

nick | linux, web, windows, 学习 | 2010-05-17
一、缩小图片大小 当图片很多的时候,减少图片大小是提高下载速度最直接的方法。 1. 使用PNG8代替GIF(非动画图片),因为PNG8在效果一样的情况,图片大小比GIF要小。 2. 用fireworks处理PNG图片,在我们产品中很多PNG图片是美工直接用photoshop导出的, 后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背景色)。 处理后100K的图片大小基... [阅读全文]

高性能WEB开发(2) – web性能测试工具推荐

nick | linux, php, web, windows, 学习 | 2010-05-17
高性能WEB开发(2) – web性能测试工具推荐
WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现、JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍,如果谁有更好的工具也请一起分享下。 Firebug: Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图: HttpWatch : httpwatch 功能... [阅读全文]
Ɣ回顶部