<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Allen.M成长的路 &#187; 前端</title>
	<atom:link href="http://blog.allenm.me/tag/%e5%89%8d%e7%ab%af/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.allenm.me</link>
	<description>冷静的思考是解决问题的最佳方式</description>
	<lastBuildDate>Tue, 03 Jan 2012 05:21:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WEB前端优化</title>
		<link>http://blog.allenm.me/2009/12/web%e5%89%8d%e7%ab%af%e4%bc%98%e5%8c%96/</link>
		<comments>http://blog.allenm.me/2009/12/web%e5%89%8d%e7%ab%af%e4%bc%98%e5%8c%96/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 08:25:21 +0000</pubDate>
		<dc:creator>allenm</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[前端]]></category>

		<guid isPermaLink="false">http://www.allenm.cn/?p=474</guid>
		<description><![CDATA[刚刚读完了《高性能网站建设指南》，作者给出了网站前端优化的14条建议，第一次系统的了解到了前端性能优化需要做的事情。 简单说来，这14条建议是下面这些： 减少HTTP请求(因为HTTP1.1协议规定同一域名下默认有两个HTTP同时下载，这条是最基本的，最应该去做的） 使用内容发布网络（主要是针对静态内容，具体请搜索CDN） 添加Expires头。（告诉浏览器来缓存那些不容易变化的内容，来加快“回头客”的访问速度） 压缩组件。（使用gzip来压缩组件降低数据传输量） 将样式表放在顶部（避免白屏和闪屏等情况发生） 将脚本放在底部（脚本会阻塞并行下载，所以某些脚本可以放到底部，让页面先显示出来） 避免CSS表达式（CSS表达式计算频繁，用其他方式来实现需要CSS表达式的效果） 使用外部JavaScript和CSS（利用缓存来减少这些组件的下载） 减少DNS查找（DNS查询是要耗时间的，减少DNS查找和增加并行下载是相悖的，这点需要权衡一下） 精简JavaScript（使用工具删掉不必要的空格，注释等） 避免重定向（redirect需要耗时间，尽量避免这种方式） 移除重复脚本（大网站，开发人员多，可能会带来重复脚本的问题，可以借助服务端程序来消除） 配置ETag（ETag经常会破坏缓存规则，他比Expires头权限高。合理配置或者禁用之） 使Ajax可缓存（分析Ajax请求，缓存可以缓存的，同时合理使用一些主动Ajax，以及参照前面指导原则优化Ajax请求） 作为前端开发人员，应该具有前端优化的技能，这些优化花不了多少成本，却相当有效，比改进后台代码的某个算法带来的性能增强性价比要高多了。 网站打开速度快才是王道，速度是用户接触到这个网站的第一体验！！！ 上面这些指导原则在实际生产的时候都是需要好好分析的，看自己的网站适合怎么样。]]></description>
			<content:encoded><![CDATA[<p>刚刚读完了<a href="http://www.douban.com/subject/3132277/" target="_blank">《高性能网站建设指南》</a>，作者给出了网站前端优化的14条建议，第一次系统的了解到了前端性能优化需要做的事情。</p>
<p>简单说来，这14条建议是下面这些：</p>
<ol>
<li>减少HTTP请求(因为HTTP1.1协议规定同一域名下默认有两个HTTP同时下载，这条是最基本的，最应该去做的）</li>
<li>使用内容发布网络（主要是针对静态内容，具体请搜索CDN）</li>
<li>添加Expires头。（告诉浏览器来缓存那些不容易变化的内容，来加快“回头客”的访问速度）</li>
<li>压缩组件。（使用gzip来压缩组件降低数据传输量）</li>
<li>将样式表放在顶部（避免白屏和闪屏等情况发生）</li>
<li>将脚本放在底部（脚本会阻塞并行下载，所以某些脚本可以放到底部，让页面先显示出来）</li>
<li>避免CSS表达式（CSS表达式计算频繁，用其他方式来实现需要CSS表达式的效果）</li>
<li>使用外部JavaScript和CSS（利用缓存来减少这些组件的下载）</li>
<li>减少DNS查找（DNS查询是要耗时间的，减少DNS查找和增加并行下载是相悖的，这点需要权衡一下）</li>
<li>精简JavaScript（使用工具删掉不必要的空格，注释等）</li>
<li>避免重定向（redirect需要耗时间，尽量避免这种方式）</li>
<li>移除重复脚本（大网站，开发人员多，可能会带来重复脚本的问题，可以借助服务端程序来消除）</li>
<li>配置ETag（ETag经常会破坏缓存规则，他比Expires头权限高。合理配置或者禁用之）</li>
<li>使Ajax可缓存（分析Ajax请求，缓存可以缓存的，同时合理使用一些主动Ajax，以及参照前面指导原则优化Ajax请求）</li>
</ol>
<p>作为前端开发人员，应该具有前端优化的技能，这些优化花不了多少成本，却相当有效，比改进后台代码的某个算法带来的性能增强性价比要高多了。</p>
<p>网站打开速度快才是王道，速度是用户接触到这个网站的第一体验！！！</p>
<p>上面这些指导原则在实际生产的时候都是需要好好分析的，看自己的网站适合怎么样。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allenm.me/2009/12/web%e5%89%8d%e7%ab%af%e4%bc%98%e5%8c%96/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

