<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3728468632794935537</id><updated>2011-04-21T12:37:25.533-07:00</updated><category term='yui'/><category term='性能优化'/><category term='css sprites'/><category term='js'/><category term='背景整合'/><title type='text'>web前端</title><subtitle type='html'>xhtml,css,javascirpt</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://webchina110.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3728468632794935537/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://webchina110.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>周裕波</name><uri>http://www.blogger.com/profile/02323056811106317945</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>2</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3728468632794935537.post-2734009224648937033</id><published>2009-04-09T21:46:00.000-07:00</published><updated>2009-04-09T22:02:31.102-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='性能优化'/><category scheme='http://www.blogger.com/atom/ns#' term='css sprites'/><category scheme='http://www.blogger.com/atom/ns#' term='背景整合'/><title type='text'>谈性能优化之背景整合</title><summary type='text'>css sprites 一个大家非常的熟悉，他的出现主要是为了减少对服务器端的http请求数，从而达到对页面性能优化的目的。然而如果我们没有一个合理的方法去对背景图片进行的话，将出现的问题就是http请求数减少，而背景图片成多倍的增大。因为我们在进行背景图片整合中会遇到以下几种情况：1、平铺图片（完全平铺，横向平铺，纵向平铺）2、不平铺（背景固定大小，随内容变化而变化）那么我们为了将http请求数降到最小，需要将这两种情况的图片完全合并成一张，这样可以吗？我的答案是不允许，但是并没有想像的那么可怕。那些情况背景图片不能合并过来呢？* 完全平铺的背景图片，不能整合到大的背景上，但这种情况现在几乎已经得到改善，如果一个访问量相对较大的网站，我在此建议设计师还是不要对整个页面使用背景。当我们知道了完全平铺不能被合并到整合的背景图以后，接下我们就需要开始动手对背景进行整合了。</summary><link rel='replies' type='application/atom+xml' href='http://webchina110.blogspot.com/feeds/2734009224648937033/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://webchina110.blogspot.com/2009/04/blog-post.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3728468632794935537/posts/default/2734009224648937033'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3728468632794935537/posts/default/2734009224648937033'/><link rel='alternate' type='text/html' href='http://webchina110.blogspot.com/2009/04/blog-post.html' title='谈性能优化之背景整合'/><author><name>周裕波</name><uri>http://www.blogger.com/profile/02323056811106317945</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3728468632794935537.post-6891249904601287179</id><published>2009-04-08T11:45:00.000-07:00</published><updated>2009-04-08T11:47:15.415-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='js'/><category scheme='http://www.blogger.com/atom/ns#' term='yui'/><title type='text'>Yui 3.x 基础</title><summary type='text'>一直以为都在学习底层的js，这两天趁着放假看了看最新版本的Yui，现在雅虎还没有发布Yui 3的正式版本，听说快要发布了。据我所知，Yui在中国使用他的人和网站很少，除了阿里巴巴旗下网站外，在外面使用的更少，那么不使用他的原因从道听途说得知有二：1、Yui在过于庞大，影响加载速度;产品嘛，讲究的是用户体验嘛，以前读书的时候，我们老师就告诉我们，如果是你们自己的网站，注意主页一定要控制他的内容，千万不要像新浪这样的门户网站，需要滚动几屏，原因是用户一般不想拖动滚动条，还有就是内容过多会影响加载速度，其实他这里说的内容过多，最重要的那时候还是表格，这是其一，其二是文件太大，加载起来慢，那时候上网还是163拨号。其实这一直是大家对Yui的一个误会，我觉得这也是Yui的推广方式有关系吧！看看现在的Jquery的官方的下载地址，明确标明他们的完整版，压缩版的大小，而在Yui的网站上呢？</summary><link rel='replies' type='application/atom+xml' href='http://webchina110.blogspot.com/feeds/6891249904601287179/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://webchina110.blogspot.com/2009/04/yui-3x.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3728468632794935537/posts/default/6891249904601287179'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3728468632794935537/posts/default/6891249904601287179'/><link rel='alternate' type='text/html' href='http://webchina110.blogspot.com/2009/04/yui-3x.html' title='Yui 3.x 基础'/><author><name>周裕波</name><uri>http://www.blogger.com/profile/02323056811106317945</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
