<?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>Feng Jun &#187; 优化</title>
	<atom:link href="http://www.feng-jun.com/tag/optimize/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.feng-jun.com</link>
	<description></description>
	<lastBuildDate>Mon, 16 May 2011 17:12:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>wordpress页面加载速度优化之二:四种方法</title>
		<link>http://www.feng-jun.com/optimization-of-web-pages-2/</link>
		<comments>http://www.feng-jun.com/optimization-of-web-pages-2/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 14:22:39 +0000</pubDate>
		<dc:creator>Feng Jun</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[优化]]></category>

		<guid isPermaLink="false">http://www.feng-jun.com/optimization-of-web-pages-2/</guid>
		<description><![CDATA[<a href="http://www.feng-jun.com/optimization-of-web-pages-2/"><img align="right" hspace="5" width="120" src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-8.jpg" class="alignright wp-post-image tfe" alt="" title="" /></a>缓存优化

很多网站谈及wordpress提速的时候，首先提到的就是缓存优化，这类插件主要有WP Super Cache以及cos html cache, 这方面介绍的文章已经很多，可以参考雪山飞猪的两篇文章《WordPress缓存插件》以及《最佳WordPress缓存插件：WP Super Cache》。缓存插件在浏览量比较大的情况下效果明显，因为不需要服务器重复的运行脚本，可以缩短读取网页所需的时间，也可以降低服务器的负担。但就我用过的WP Super Cache来说，每次对博客进行一些设置后，因为页面被缓存了，页面变化不能立即的表现出来，得需要手动的清除缓存，这是这个插件比较不方便的地方，可能有某处可以设置，但因为我这里流量并不大，所以并不是很必要用这个。

&#160;

<span class="readmore"><a href="http://www.feng-jun.com/optimization-of-web-pages-2/" title="wordpress页面加载速度优化之二:四种方法">阅读全文——共1494字</a></span>]]></description>
			<content:encoded><![CDATA[<h6></h6>
<h5>缓存优化</h5>
<p>很多网站谈及wordpress提速的时候，首先提到的就是缓存优化，这类插件主要有<a href="http://ocaoimh.ie/wp-super-cache/" target="_blank">WP Super Cache</a>以及<a href="http://www.storyday.com/html/y2007/958_cos-html-cache-10.html">cos html cache</a>, 这方面介绍的文章已经很多，可以参考<a href="http://fairyfish.net" target="_blank">雪山飞猪</a>的两篇文章<a href="http://fairyfish.net/2008/06/10/wordpress-cache-plugins/" target="_blank">《WordPress缓存插件》</a>以及<a href="http://fairyfish.net/2008/10/27/wp-super-cache/" target="_blank">《最佳WordPress缓存插件：WP Super Cache》</a>。缓存插件在浏览量比较大的情况下效果明显，因为不需要服务器重复的运行脚本，可以缩短读取网页所需的时间，也可以降低服务器的负担。但就我用过的WP Super Cache来说，每次对博客进行一些设置后，因为页面被缓存了，页面变化不能立即的表现出来，得需要手动的清除缓存，这是这个插件比较不方便的地方，可能有某处可以设置，但因为我这里流量并不大，所以并不是很必要用这个。</p>
<p>&#160;</p>
<h5>Gzip压缩</h5>
<p>在上篇日志中提到，通过启用Gzip压缩，使得网页流量降低了70%，这对于网速较低的网站来说，效果会很明显。</p>
<p>网上找过一些开启Gzip的方法，其中<a href="http://wmrpd.com/blog/" target="_blank">浅文的博客</a>中的《<a href="http://wmrpd.com/blog/?p=300" target="_blank">wordpress 2.5及以上版本中开启Gzip</a>》介绍了更改.htaccess,更改index.php,以及更改php.ini的三种办法，但自从以前改过一次主题改的面目全非以后，我能不改代码尽量避免改代码了，所以考虑使用现成的插件。现在用的是<a href="http://blog.shamalt.hu/" target="_blank">GZippy</a>插件，使用之后，在<a href="http://www.whatsmyip.org/mod_gzip_test/" target="_blank">what’s my ip</a>及<a href="http://www.gidnetwork.com/tools/gzip-test.php" target="_blank">gidnetwork</a>上可以对是否开启gzip及开启效果进行测试，我的测试结果是这样的。</p>
<h6>&#160;<a href="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-8.jpg"  rel="lightbox[roadtrip]"><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-8.jpg" width="240" height="179" /></a> </h6>
<h6 align="center"><font color="#0080ff" size="2"><strong>点击图片看大图</strong></font></h6>
<h6>另一种缓存优化</h6>
<blockquote><p>Yslow 建议给静态内容设置一个“<strong>永久</strong>”的缓存。这个永久通常是设置一年甚至更长的缓存期来实现的。设置缓存以后，服务器在对请求作出响应的时候会附加一个 Expires Header，告诉浏览器这个东西在多长时间内不会过期。这样浏览器就可以放心地使用缓存，甚至连 If-modified-since 请求和一个 HTTP 304 响应也不必要了。这样就大大地节省了在网络上的开销。访问者只是在第一次访问时会请求动态内容，接下来则会直接使用缓存的内容，达到了“<strong>把缓存交给用户</strong>”的目的。”</p>
</blockquote>
<p>简单的来说，这种方法是充分利用浏览器已经缓存过的内容，对于不需要重复下载的内容就直接使用缓存而不是从服务器下载，这种方法对于站点来说，不管是流量大还是小，都有较为明显的效果，只是在第一访问时不会有效果。</p>
<p>这种方法的详细介绍可以参考<a href="http://blog.xiaoding.org/" target="_blank">知也无涯</a>的<a href="http://blog.xiaoding.org/post/boost-wordpress-manually-using-cache.html">《Wordpress 手动提速 &#8211; 缓存优化》</a>或者他在WPChina上的投稿<a href="http://wpchina.org/boost-wordpress-manually-using-cache-525/">《Wordpress 手动提速 &#8211; 缓存优化》</a>。</p>
<p>&#160;</p>
<p><strong>Use Google Library</strong></p>
<blockquote><p>Google Library:简单说就是 Google 把一些非常流行的 JavaScript 框架放到 Google 的服务器上。这样大家来说可以充分利用 Google 的服务器资源，节省自己的网络带宽，更重要的是 Google 对这些框架进行了压缩，所以在使用 JavaScript 框架的时候速度方面有很大的提高。</p>
</blockquote>
<p>这是从<a href="http://jomor.org">逐末网志</a>的<a href="http://jomor.org/2009/03/23/use-google-libraries-speed-up-wordpress">《Use google libraries-让Google来帮你加速wordpress》</a>所看到的，使用后效果还没有证实，理论上来说应该还是有效果的；）</p>
<p>插件主页：<a href="http://jasonpenney.net/wordpress-plugins/use-google-libraries/">http://jasonpenney.net/wordpress-plugins/use-google-libraries/</a></p>
<p>插件下载：<a href="http://wordpress.org/extend/plugins/use-google-libraries/">http://wordpress.org/extend/plugins/use-google-libraries/</a></p>
<p>&#160;</p>
<p>这是我找到的主要的四种方法，其他的一些方法以牺牲页面效果为代价，比如减小图片尺寸，使用缩略图，基本不引用flash，减少对其他服务器的访问等。</p>
<p>相信还有很多其他的方法，如果以后再找到的话，再拿出来分享。</p>
<h4  class="related_post_title">你可能还喜欢如下文章</h4><ul class="related_post"><li>2009/06/14 -- <a href="http://www.feng-jun.com/optimization-of-web-pages-1/" title="wordpress页面加载速度优化之一:网页分析">wordpress页面加载速度优化之一:网页分析</a> (2)</li><li>2010/07/30 -- <a href="http://www.feng-jun.com/speed-up-wtih-cdn/" title="使用Amazon CloudFront为网站提供CDN加速">使用Amazon CloudFront为网站提供CDN加速</a> (4)</li><li>2009/06/17 -- <a href="http://www.feng-jun.com/wordpress-backup/" title="wordpress的备份方法小结">wordpress的备份方法小结</a> (3)</li></ul><h3>Recent Comments</h3><ul><li><a class="commentor" href="http://www.feng-jun.com" >coland</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-2/#comment-944" title="View the entire comment by coland" >@尤Q 
欢迎呵</a></li>
<li><a class="commentor" href="http://www.7che8.cn" >尤Q</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-2/#comment-939" title="View the entire comment by 尤Q" >第一次来，注意是学习...</a></li>
<li><a class="commentor" href="" >coland</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-2/#comment-227" title="View the entire comment by coland" >@iDea1983 
恩，我等流量大了再考虑使用了。</a></li>
<li><a class="commentor" href="http://idea1983.com" >iDea1983</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-2/#comment-226" title="View the entire comment by iDea1983" >@Feng Jun 我安装的是WP Super Cache 感觉效果不错！</a></li>
<li><a class="commentor" href="http://www.feng-jun.com" >Feng Jun</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-2/#comment-224" title="View the entire comment by Feng Jun" >@iDea1983 
好，欢迎 :18</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.feng-jun.com/optimization-of-web-pages-2/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>wordpress页面加载速度优化之一:网页分析</title>
		<link>http://www.feng-jun.com/optimization-of-web-pages-1/</link>
		<comments>http://www.feng-jun.com/optimization-of-web-pages-1/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 10:28:41 +0000</pubDate>
		<dc:creator>Feng Jun</dc:creator>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[优化]]></category>

		<guid isPermaLink="false">http://www.feng-jun.com/optimization-of-web-pages-1/</guid>
		<description><![CDATA[<a href="http://www.feng-jun.com/optimization-of-web-pages-1/"><img align="right" hspace="5" width="120" src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-1.jpg" class="alignright wp-post-image tfe" alt="" title="" /></a>为我的博客用的是国外的主机，所以在国内访问速度时快时慢，从一些朋友的反应来看，有时速度不够理想。因此尽管这里的访客并不算多，但适当的优化还是可以提高浏览体验的。

对于大多数人来说，通过分析网页来判断页面加载时的瓶颈是件相当不容易的事情。但是如果有一些工具的帮助，那会简单很多。

Google在前不久推出了一个优化网站设计的工具Page Speed，这个工具需要先在Firefox下安装Firebug插件，安装好之后再安装Page Speed插件。使用时，首先打开要分析的网页，然后在firefox的菜单中选择“工具-&#62;Firebug-&#62;打开Firebug”,打开后会出现如下图所示的界面。选择&#34;Page Speed”标签页后，单击&#34;Analyze Performance”按钮就可以开始分析。

<span class="readmore"><a href="http://www.feng-jun.com/optimization-of-web-pages-1/" title="wordpress页面加载速度优化之一:网页分析">阅读全文——共892字</a></span>]]></description>
			<content:encoded><![CDATA[<p>为我的博客用的是国外的主机，所以在国内访问速度时快时慢，从一些朋友的反应来看，有时速度不够理想。因此尽管这里的访客并不算多，但适当的优化还是可以提高浏览体验的。</p>
<p>对于大多数人来说，通过分析网页来判断页面加载时的瓶颈是件相当不容易的事情。但是如果有一些工具的帮助，那会简单很多。</p>
<p>Google在前不久推出了一个优化网站设计的工具<a href="http://code.google.com/intl/zh-CN/speed/page-speed/" target="_blank">Page Speed</a>，这个工具需要先在Firefox下安装<a href="https://addons.mozilla.org/zh-CN/firefox/addon/1843" target="_blank">Firebug</a>插件，安装好之后再安装<a href="http://code.google.com/intl/zh-CN/speed/page-speed/download.html" target="_blank">Page Speed插件</a>。使用时，首先打开要分析的网页，然后在firefox的菜单中选择“工具-&gt;Firebug-&gt;打开Firebug”,打开后会出现如下图所示的界面。选择&quot;Page Speed”标签页后，单击&quot;Analyze Performance”按钮就可以开始分析。</p>
<p align="center"><font color="#0080ff" size="2"><strong><a href="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-1.jpg"  rel="lightbox[roadtrip]"><img src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-1.jpg" width="240" height="99" /></a> </strong></font></p>
<p align="center"><font color="#0080ff" size="2"><strong>点击图片看大图</strong></font></p>
<p>分析后，会出现类似这样的结果。 </p>
</p>
<p align="center"><font color="#0080ff" size="2"><strong><a href="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-2.jpg"  rel="lightbox[roadtrip]"><img src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-2.jpg" width="240" height="87" /></a> </strong></font></p>
<p align="center"><font color="#0080ff" size="2"><strong>点击图片看大图</strong></font></p>
<p>一般来说，<a href="http://www.feng-jun.com/wp-content/uploads/2009/06/20096143.jpg"  rel="lightbox[roadtrip]"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="2009-6-14(3)" border="0" alt="2009-6-14(3)" src="http://www.feng-jun.com/wp-content/uploads/2009/06/20096143_thumb.jpg" width="31" height="24" /></a> 表示该因素会对速度产生较大的影响，我开始分析时就发现没有开启gzip压缩,开启后页面打开所需的流量减少了70%，因此效果还是比较明显的。标注<a href="http://www.feng-jun.com/wp-content/uploads/2009/06/20096144.jpg"  rel="lightbox[roadtrip]"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="2009-6-14(4)" border="0" alt="2009-6-14(4)" src="http://www.feng-jun.com/wp-content/uploads/2009/06/20096144_thumb.jpg" width="35" height="23" /></a> 的项目表示会对页面加载产生一定得影响，标注<a href="http://www.feng-jun.com/wp-content/uploads/2009/06/20096145.jpg"  rel="lightbox[roadtrip]"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="2009-6-14(5)" border="0" alt="2009-6-14(5)" src="http://www.feng-jun.com/wp-content/uploads/2009/06/20096145_thumb.jpg" width="33" height="22" /></a> 的项目则是已经经过优化的项目，比如说优化gzip压缩后，这一项就列在了最前面了。</p>
<p>这里的分析结果，有一些是可以做针对性的优化的，但有一些涉及到博客程序，所以并不容易优化，仅仅作为参考。</p>
<p>除此之外，还可以选择&quot;Show Resources”来对列出页面中包含的资源，以及他们的类型、来源、大小、传输量（图中未截出）,这样可以对较大的资源或者其他较慢服务器上的资源进行删减。</p>
<p align="center"><font color="#0080ff" size="2"><strong><img src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-6.jpg" width="240" height="76" /> </strong></font></p>
<p align="center"><font color="#0080ff" size="2"><strong>点击图片看大图</strong></font>&#160;</p>
<p>还可以选择标签页中的&quot;Page Speed Activity”对页面的加载以时间轴的形式进行记录，这样可以分析页面中元素在加载过程中的延时大小，要注意的是分析过程中要关闭其他的浏览器及标签页。 </p>
<p align="center"><font color="#0080ff" size="2"><strong><img src="http://www.feng-jun.com/wp-content/uploads/mypic/wp-opt-7.jpg" width="240" height="83" /> </strong></font></p>
<p align="center"><font color="#0080ff" size="2"><strong>点击图片看大图</strong></font></p>
<p>这样，通过比较简便的方式就可以对页面进行初步的分析了。</p>
<p>另外，还有一些网站，可以对页面的代码质量及加载速度进行分析打分,比如<a href="http://www.netmechanic.com/" target="_blank">NetMechanic</a>,每个月还会向注册邮箱中发送报告，免费用户有分析页面数量限制及不能自动修复等功能限制。</p>
<p>下面的步骤就要对页面开始优化了，下篇再说吧。</p>
<h4  class="related_post_title">你可能还喜欢如下文章</h4><ul class="related_post"><li>2009/06/14 -- <a href="http://www.feng-jun.com/optimization-of-web-pages-2/" title="wordpress页面加载速度优化之二:四种方法">wordpress页面加载速度优化之二:四种方法</a> (8)</li><li>2010/07/30 -- <a href="http://www.feng-jun.com/speed-up-wtih-cdn/" title="使用Amazon CloudFront为网站提供CDN加速">使用Amazon CloudFront为网站提供CDN加速</a> (4)</li><li>2009/06/17 -- <a href="http://www.feng-jun.com/wordpress-backup/" title="wordpress的备份方法小结">wordpress的备份方法小结</a> (3)</li></ul><h3>Recent Comments</h3><ul><li><a class="commentor" href="http://www.feng-jun.com" >Feng Jun</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-1/#comment-1749" title="View the entire comment by Feng Jun" >最近变慢了，线路的原因。</a></li>
<li><a class="commentor" href="http://xuanwobbs.com.cn" >aarwwefdds</a> : <a class="comment_content" href="http://www.feng-jun.com/optimization-of-web-pages-1/#comment-1748" title="View the entire comment by aarwwefdds" >你网站速度的确不好...</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.feng-jun.com/optimization-of-web-pages-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk
Database Caching using disk
Object Caching 820/869 objects using disk

Served from: www.feng-jun.com @ 2012-02-05 05:23:56 -->
