<?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>Unwrongest &#187; optimization</title>
	<atom:link href="http://www.unwrongest.com/tag/optimization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.unwrongest.com</link>
	<description>Interaction Designer and Interface Developer</description>
	<lastBuildDate>Wed, 30 Jun 2010 11:24:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>How to speed up WordPress</title>
		<link>http://www.unwrongest.com/blog/how-to-speed-up-wordpress/</link>
		<comments>http://www.unwrongest.com/blog/how-to-speed-up-wordpress/#comments</comments>
		<pubDate>Thu, 07 May 2009 12:33:08 +0000</pubDate>
		<dc:creator>Jan Jarfalk</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://unwr/?p=184</guid>
		<description><![CDATA[For users to feel they are interacting freely the response time must be within 1 second. This is a blog post about how you reach that goal with the help of some simple Wordpress plugins, Firefox extensions and more.]]></description>
			<content:encoded><![CDATA[<p>40 years ago Robert B. Miller wrote a paper on &#8216;Response Time in Man-Computer Conversational Transactions&#8217; which described three levels of response time. A response time of 0.1 seconds feels instantaneous. A response time within 1 second is fast enough for users to feel they are interacting freely and if the response time go above 10 seconds the user&#8217;s will lose its focus on the dialog. Miller concluded that a consistent 2 second response would be ideal.</p>
<p>Then the Internet happened and the rules were changed. In 2001 Zona Research released report that stated that the average web user will wait about eight seconds for a page to download, later known as the &#8217;8 second rule&#8217;.</p>
<p>For a long time, by Internet standards, the 8 second rule misguided web workers to create web pages that just barely keeps the user focused. If you already haven&#8217;t it&#8217;s really the time to create a web page that get your users to feel they are interacting freely. Its time to create a web page that loads up at a lot close to 1 second than 8.</p>
<h2>Dust-Me Selectors a Firefox extension</h2>
<p>Dust-Me Selectors is a Firefox extension that finds unused CSS selectors. You can test pages individually, or spider an entire site, and you&#8217;ll end up with a profile of which selectors are not used anywhere. Essentially it removes unnecessary data that is transferred to the user.<br />
<a href="http://www.sitepoint.com/dustmeselectors/" target="_blank">Download Dust-Me Selectors from Sitepoint</a></p>
<h2>WP CSS a WordPress plugin</h2>
<pre class="brush:html">
&lt;link rel="stylesheet" href="/wp-css-compress.php?f=style.css" type="text/css" />
</pre>
<p>This plugin will combine all your stylesheets in to one, thus reduce the number of HTTP requests required to render the page. It will also strip your files from whitespaces, compress it with GZIP and set a cache expiry time of your choosing.<br />
<a href="http://wordpress.org/extend/plugins/wp-css/">Download WP CSS from WordPress</a></p>
<h2>WP JS a WordPress plugin</h2>
<pre class="brush:html">
&lt;script src="wp-js-compress.php?f=1.js,2.js,3.js" type="text/javascript">&lt;/script>
</pre>
<p>This plugin will GZIP and JSMIN your JavaScript files as well as allowing the ability to put JavaScript files into a single file at the client&#8217;s end. Just like the WP CSS plugin this will reduce the number of HTTP requests and lower your blogs response time.<br />
<a href="http://wordpress.org/extend/plugins/wp-js/">Download WP JS from WordPress</a></p>
<h2>WP Super Cache a WordPress plugin</h2>
<p>This plugin generates static html files from your dynamic WordPress blog. After a html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts. Super Cache also has the feature to compress your html files using GZIP. There is also a special version of WP Super Cache which  has the ability to minify HTML.<br />
<a href="http://wordpress.org/extend/plugins/wp-js/">Download WP Super Cache from WordPress</a><br />
<a href="http://lyncd.com/2008/11/minify-for-wordpress/">Download WP Super Cache with WPSCMin from Lyncd</a></p>
<h2>Optimize DB a WordPress plugin</h2>
<p>This plugin lets you optimize the tables of your database, to reduce their overhead.<br />
<a href="http://wordpress.org/extend/plugins/optimize-db/">Download Optimize DB from WordPress</a></p>
<h2>Yahoo YSlow a Firefox Firebug extension</h2>
<p>YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. It lets you know if you have too many DOM elements, if your javascripts are positioned wrong, if you compression is working and much, much more.<br />
<a href="http://developer.yahoo.com/yslow/">Download YSlow from Yahoo</a></p>
<h2>Last, but not least. Upgrade and do a clean up.</h2>
<p>Upgrade WordPress to the latest version. Remove the plugins you are not using and upgrade those you are. Keep your code light. Try to code what you want to code with as few words as elements, attributes and functions as possible. Minimize requests, use css sprites and read Yahoos guide about <a href="http://developer.yahoo.com/performance/rules.html">&#8216;Best Practices for Speeding Up Your Web Site&#8217;</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unwrongest.com/blog/how-to-speed-up-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Slice loading time in half with fewer HTTP requests</title>
		<link>http://www.unwrongest.com/blog/slice-loading-time-in-half-with-fewer-http-requests/</link>
		<comments>http://www.unwrongest.com/blog/slice-loading-time-in-half-with-fewer-http-requests/#comments</comments>
		<pubDate>Mon, 04 May 2009 18:32:48 +0000</pubDate>
		<dc:creator>Jan Jarfalk</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">http://unwr/?p=7</guid>
		<description><![CDATA[Reducing the number of HTTP requests is the key to faster pages. A simple way of doing this is by combining javascripts and stylesheets into single files using <a href="http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files">Rakaz’s combine script</a>.]]></description>
			<content:encoded><![CDATA[<p>According to Yahoos article <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://developer.yahoo.com/performance/rules.html');" href="http://developer.yahoo.com/performance/rules.html">“Best Practices for Speeding Up Your Web Site”</a> about 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page.</p>
<p>One way of reducing the number of HTTP requests while still support rich page designs is to use a server side script that combines all your javascripts and styles into single files. A php script that does exactly that is <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files');" href="http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files">Rakaz’s combine.php</a>.</p>
<p>When the script is configured and ready to use all you need to change are the urls to your scripts and styles. You will go from doing, in this case, four requests to only one.</p>
<pre class="brush:html">
	<!-- Before -->
	&lt;script src="jquery-1.3.2.js" type="text/javascript">&lt;/script>
	&lt;script src="jquery.valid8-1.1.1.js" type="text/javascript">&lt;/script>
	&lt;script src="jquery.defaultvalue-1.0.js" type="text/javascript">&lt;/script>
	&lt;script src="global.js" type="text/javascript">&lt;/script>
</pre>
<pre class="brush:html">
	<!-- After -->
	&lt;script src="jquery-1.3.2.js,jquery.valid8-1.1.1.js,jquery.defaultvalue-1.0.js,global.js" type="text/javascript"></script>
</pre>
<p>Rakaz’s script will also compress and cache your combined files to reduce loading times even more. You can find a complete installation guide and more information about the script over at <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files');" href="http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files">rakaz.nl</a></p>
<h2>Real world example</h2>
<p>I just uploaded and configured combine.php for <a href="http://chat.unwrongest.com/">http://chat.unwrongest.com</a>. Before the script was added you needed to download 10 javascript files that weighed 232 kb in total. On average this took about 3 seconds to download. After installing the combine.php script you now need to download only a single file of 68 kb which only takes around 1 second to download. The total loading time of chat.unwrongest.com is now, for me, around 2 seconds instead of just above 4 seconds.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unwrongest.com/blog/slice-loading-time-in-half-with-fewer-http-requests/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
