<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>Activars &#187; XHTML</title>
	<atom:link href="http://www.activars.com/category/programming/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.activars.com</link>
	<description>Be active, make things happen</description>
	<pubDate>Tue, 30 Dec 2008 06:24:19 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS优化：减少HTTP Requests</title>
		<link>http://www.activars.com/2008/06/css%e4%bc%98%e5%8c%96%ef%bc%9a%e5%87%8f%e5%b0%91http-requests/</link>
		<comments>http://www.activars.com/2008/06/css%e4%bc%98%e5%8c%96%ef%bc%9a%e5%87%8f%e5%b0%91http-requests/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 13:48:11 +0000</pubDate>
		<dc:creator>Jay</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.activars.com/?p=67</guid>
		<description><![CDATA[大多数的前端用户都会遇到一个问题，那就是下载速度。对于网络优越的用户，不是问题，但是考虑到移动用户或者是网络条件较差的使用者，最终要的是速度。现在的网站有很多的内容，比如Flash, 图像，声音，JavaScript等等都会减慢页面下载速度。
最基本的优化方法是减少客户端对HTTP Requests。有很多方法可以实现：
使用单个文件。就是说尽量把多个文件的CSS，或者JavaScript放到一个文件里面。虽然有时后我们需要不同的样式在不同的界面，但是在开发过程中能尽量考虑到这个问题，会给减少页面反馈等待时间。
显示图片的局部。如果一个按钮在hover和link的状态用不同的图，大多的方法是利用2个图片来实现鼠标的反馈。其实利用 background-image 和 background-position CSS属性可以实现用显示图片的局部。这样其实页面只做了一次对服务器的Request.

图片定义放在CSS中。如果显示图片的时候把图片插入到页面，这样会使得文本档尺寸增大，增加下载时间。我们可以把图片定义尽量放在缓存的CSS中，这样第一可以减少页面大小，也减少了http requests.
减少Http request是一个最好的性能优化起点。经过一些调查，百分之40－60的用户基本上是带着干净的缓存访问网站的，给他们的第一感觉一定是要页面装载迅速。



Share and Enjoy:


	
	
	
	
	
	
	
	
	
	


]]></description>
		<wfw:commentRss>http://www.activars.com/2008/06/css%e4%bc%98%e5%8c%96%ef%bc%9a%e5%87%8f%e5%b0%91http-requests/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Facebook隐藏Chat Tags</title>
		<link>http://www.activars.com/2008/04/facebook%e9%9a%90%e8%97%8fchat-tags/</link>
		<comments>http://www.activars.com/2008/04/facebook%e9%9a%90%e8%97%8fchat-tags/#comments</comments>
		<pubDate>Sat, 19 Apr 2008 19:18:34 +0000</pubDate>
		<dc:creator>Jay</dc:creator>
		
		<category><![CDATA[Web 2.0]]></category>

		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.activars.com/?p=13</guid>
		<description><![CDATA[1个月左右前，Facebook宣布会开发站内Chat功能。现在虽然不见这样的新功能出现，如果技术人员自己观察，从HTML代码里面可以看到一些隐藏的Div tags。看来Release date就快接近了。
有些网站早已推出了站内聊天功能。比如Google Mail, 就可以站内聊天，并把聊天纪录存为&#8221;Chat&#8221;标签下，可以和在线的gmail联系人聊天，窗口可以迁入或者在新窗口聊天。我经常用聊天功能和Paul(周游世界回来的), Chris(暂时到印度去开发软件)聊天。基本上不能感觉的网络的延迟性。
这么说，校内也有聊天功能，尝试用过两次，可用性觉得一般。如果说国外和国内有网络问题的话，8M的网络速度还要等很长时间能打开。
想到有趣的一个点子，等Facebook的Chat功能公开的时候，再来比较比较，看哪个做的更好些？



Share and Enjoy:


	
	
	
	
	
	
	
	
	
	


]]></description>
		<wfw:commentRss>http://www.activars.com/2008/04/facebook%e9%9a%90%e8%97%8fchat-tags/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
