<?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>Mortfiles Evolved &#187; http request</title>
	<atom:link href="http://mortfiles.com/evolved/tag/http-request/feed/" rel="self" type="application/rss+xml" />
	<link>http://mortfiles.com/evolved</link>
	<description></description>
	<lastBuildDate>Thu, 23 Jul 2009 07:00:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Speed and pageloads</title>
		<link>http://mortfiles.com/evolved/development/speed-and-pageloads/</link>
		<comments>http://mortfiles.com/evolved/development/speed-and-pageloads/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 09:06:13 +0000</pubDate>
		<dc:creator>Jimi Wikman</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[bundle]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[http request]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[lighttp]]></category>
		<category><![CDATA[litespeed]]></category>
		<category><![CDATA[speed]]></category>
		<category><![CDATA[sprite]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://mortfiles.com/evolved/?p=38</guid>
		<description><![CDATA[Loading times are always important so speed and pageloads is high on my list of things to do, not just for this project, but also as part of my further development as a webdesigner.
For this project however I will try some, for me,  new things and see how they effect the website&#8217;s performance.  The first [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Loading times are always important so speed and pageloads is high on my list of things to do, not just for this project, but also as part of my further development as a webdesigner.</strong></p>
<p>For this project however I will try some, for me,  new things and see how they effect the website&#8217;s performance.  The first thing to do will be to consider http requests and see how to make them as few as possible. This I plan to do by taking the three categories CSS, Javascript and Images and rework them slightly so that I hopefully will get very few http request.</p>
<p>For javascript, which I will have a few of, I want to bundle the scripts into one, or possibly two http request. This is done by adding the different calls into one combined call that hold all the javascripts required.  All javascripts will of course be minified to make them as small as possible and I will carefully look over the plugins to make sure redundant javascript is not added by them. I am considering adding the jQuery library from Google repository, but I&#8217;ll have to play with that a bit to see how that work out and what the benefits will be when combined with my other time saving efforts.</p>
<p>For CSS I will use a similar setup, taking advantage of the code written by <a href="http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files">Rakaz</a> that allow the same combination of files  as for javascript files, reducing the CSS files into one single http request. I will use the minified approach here as well and we&#8217;ll see how much this will speed things up.</p>
<p>For images I will use sprites, which is essentially one big picture with many images that is used instead of many smaller ones. This will seriously reduce the number of http requests and I will use this throughout the website. The sprite itself will of course be minified as much as possible without reducing the experience. All images are of course plced in the CSS and not in the actual HTML code.</p>
<p>This is all good and it will reduce the number of requests alot, but I can do more.  Javscripts that are not essential should be placed at the end of the document which means that altough it att a second javascript http request it should increase speed for the visitors as it is added <em>after</em> the page loads. The actual pageload will be a little higher due to the second http request, but it will feel faster.</p>
<p><span id="more-38"></span></p>
<p>The http request can also be speeded up by dividing them into two hostnames since there are only two http requests at any given time for any given hostname, the other requests will be placed in que. So by splitting the http requests over two hostnames we can process two sets of http requests instead of just one. This will speed things up additionally.</p>
<p>The php function Flush() will be added to force the browser to load the HTML instead of waiting for the http requests to finish as is it&#8217;s normal behaviour. This will make sure the HTML is loaded almost instantly without waiting for the http requests which will, once again enhance the experience for the visitors.</p>
<p>In addition to this I plan to put the new Mortfiles website on its own VPS that will be equiped with <a href="http://litespeedtech.com/">LiteSpeed</a> and <a href="http://www.lighttpd.net/">lighttpd</a> to make things really fly. Then I&#8217;ll just add Wordpress <a href="http://wordpress.org/extend/plugins/wp-super-cache/">super cache</a> to make all areas of the website into static files and add server compression to the files and violá&#8230;</p>
<p>pretty fast website&#8230;for a white guy <img src='http://mortfiles.com/evolved/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://mortfiles.com/evolved/development/speed-and-pageloads/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
