前端性能优化
席飞剑
10年+软件测试经验TIB自动化测试工作室核心成员ATF关键字驱动框架核心设计和开发人员熟悉软件自动化测试性能测试多年专职从事软件项目的自动化测试和性能测试对自动化测试的框架设计开发框架搭建以及实施有丰富的实战经验目前关注开源自动化测试领域基于Selenium构建Web自动化测试框架以及手机自动化测试的研究为多家企业进行自动化测试培训和指导
展开
-
Google告诉你如何让你的网站访问更快
Google之前发布了网页统计报告,来源于他们索引的42亿个网页(PageRank高的网站占的权重可能会比较高):* 网页的平均容量是320KB(包含网页里内嵌的脚本、图片、CSS),不过需要注意的是有些网站会通过robots.txt阻止Google爬虫索取CSS和JS脚本文件 *只有2/3的可压缩内容真正被压缩了,同样需要注意的是有些网站为真正的浏览器提供压缩内容,而给Goo原创 2013-03-13 12:53:44 · 2166 阅读 · 0 评论 -
提高网站访问速度的34条军规(18-19)
18 预先加载组件 (Preload Components)tag:content 预加载看起来和后加载原则是个矛盾,但它其实是为了另外一个目的。预加载组件让你可以利用浏览器的空闲时间来加载之后需要的组件(比如图片,样式表和脚本)。这样当用户浏览下一个页面的时候,大部分组件都已经在缓存里了而页面会加载的更快。有几种预加载的类型:无条件预加载-当原本内容加载完成时,立刻开始获翻译 2013-09-08 23:42:03 · 2130 阅读 · 0 评论 -
提高网站访问速度的34条军规(7-10)
原文:best practices for speeding up your web site 7 不使用CSS表达式 (Avoid CSS Expressions)tag:css CSS表达式是一种有力的(同时也很危险的)动态设置CSS属性的方法。从IE5开始支持CSS表达式。比如,使用CSS表达式可以实现背景颜色每小时变换的效果。 background-colo翻译 2013-09-05 23:04:06 · 2667 阅读 · 0 评论 -
提高网站访问速度的34条军规(4-6)
原文:best practices for speeding up your web site4 Gzip压缩组件(Gzip Components)tag:server前台工程师的决策能够显著的减少在网络上传输HTTP请求和响应花费的时间。确实,终端用户的带宽速度、Internet服务提供商和连接交换机的服务器这些因素都是开发小组所不能控制的。但还有一些其它因素会影响响应的时间,比翻译 2013-09-01 00:17:37 · 2398 阅读 · 0 评论 -
提高网站访问速度的34条军规(14-17)
原文:Best Practices for Speeding Up Your Web Site14 让Ajax可以缓存 (Make Ajax Cacheable)tag:content Ajax的好处之一是它能给用户提供瞬间的响应,因为它从服务端异步请求数据。但Ajax不能保证用户在等候那些异步的JavaScript和XML响应返回时什么都不做。在应用程序中,用户是否继续翻译 2013-09-08 23:41:09 · 2103 阅读 · 0 评论 -
提高网站访问速度的34条军规(1-3)
【译】提高网站访问速度的34条军规 原文:best practices for speeding up your web site提高网站访问速度的34条军规 1-3减少HTTP请求数量使用内容分布式网络给头部添加一个失效期或者cache-control提高网站访问速度的34条军规 4-6压缩组件把样式表放于翻译 2012-11-22 00:13:57 · 2406 阅读 · 0 评论 -
提高网站访问速度的34条军规(31-34)
原文:Best Practices for Speeding Up Your Web Site 31 不要在HTML中缩放图片 Don't Scale Images in HTMLtag:images 不要使用大小超过需要的图片,即使你能够在HTML中设置它的属性。如果你需要img width="100" height="100" src="mycat.jpg" a翻译 2013-09-11 00:20:08 · 2727 阅读 · 0 评论 -
提高网站访问速度的34条军规(26-30)
原文:Best Practices for Speeding Up Your Web Site 26 开发灵巧的事件处理程序 Develop Smart Event Handlerstag:javascript 如果有太多的事件处理逻辑部署在DOM树的不同元素上,它们的频繁执行会拖慢页面的响应速度。而使用事件委托是一个好的解决方法。如果在一个Div中有10个按钮翻译 2013-09-11 00:17:47 · 2433 阅读 · 0 评论 -
提高网站访问速度的34条军规(20-25)
原文:Best Practices for Speeding Up Your Web Site 20 分域部署部件:Split Components Across Domainstag:内容 将部件分割能使你获得最大的并行下载效率。但你同时需要注意不使用多于2~4个域名,以避免DNS查询导致的问题。例如,你可以将HTML内容和动态的组建放于www.example.org翻译 2013-09-11 00:17:20 · 2236 阅读 · 0 评论 -
提高网站访问速度的34条军规(11-13)
原文:Best Practices for Speeding Up Your Web Site 11 避免重定向 (Avoid Redirects)tag:content 重定向结束于301或302状态码。这里有一个301响应的HTTP头的例子: HTTP/1.1 301 Moved Permanently Location: http://翻译 2013-09-05 23:06:55 · 2173 阅读 · 0 评论 -
浏览器加载和渲染html的顺序-css渲染效率的探究
1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载原创 2013-09-01 00:00:00 · 19981 阅读 · 2 评论