<?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>h4x3d.com &#187; ajax</title>
	<atom:link href="http://h4x3d.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://h4x3d.com</link>
	<description>online portfolio of Julian Klewes</description>
	<lastBuildDate>Thu, 24 May 2012 18:50:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Survs.com Invites 2009</title>
		<link>http://h4x3d.com/survscom-invites-2009/</link>
		<comments>http://h4x3d.com/survscom-invites-2009/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 12:24:33 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[unsorted]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[february]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[invites]]></category>
		<category><![CDATA[signup]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[survs.com]]></category>

		<guid isPermaLink="false">http://www.h4x3d.com/survscom-invites-2009/</guid>
		<description><![CDATA[Click Image for larger preview survs.com offers free, uncomplicated, yet powerful surveys using the latest ajax technology (e.g. saving forms every few seconds, making a &#8220;save&#8221; button obsolete). Their service is currently still in beta and entirely advertisement free. I have used survs.com before for a university assignment and received not only great responses (simple, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.h4x3d.com/wp-content/uploads/survs.jpg"><img src="http://www.h4x3d.com/wp-content/uploads/survs1.jpg" alt="survs1" width="500" height="299" class="aligncenter size-full wp-image-1265" /></a><br />Click Image for larger preview <br />
<a href="http://survs.com">survs.com</a> offers free, uncomplicated, yet powerful surveys using the latest ajax technology (e.g. saving forms every few seconds, making a &#8220;save&#8221; button obsolete).<br />
Their service is currently still in beta and entirely advertisement free.<br />
I have used survs.com before for a university assignment and received not only great responses (simple, elegant interface, no fuzz), but also amazing stats that could be exported to excel via .xls files.</p>
<p><em>I have ten invites, so leave a comment and I will send you one!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://h4x3d.com/survscom-invites-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to preserve bandwidth and speed up your site</title>
		<link>http://h4x3d.com/how-to-preserve-bandwidth-and-speed-up-your-site/</link>
		<comments>http://h4x3d.com/how-to-preserve-bandwidth-and-speed-up-your-site/#comments</comments>
		<pubDate>Tue, 30 Jan 2007 07:25:34 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[2007]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[bandwidth]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[frame work]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[moo]]></category>
		<category><![CDATA[moo.fx]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[site related]]></category>
		<category><![CDATA[speed up]]></category>
		<category><![CDATA[traffic]]></category>

		<guid isPermaLink="false">http://www.h4x3d.com/how-to-preserve-bandwidth-and-speed-up-your-site/</guid>
		<description><![CDATA[There are several ways of preserving bandwidth when you are running near your bandwidth quota: For those of you who have not bandwidth limit per month, read this article as well, because I am going to tell you how to speed up your pages big style Different approaches can be used to increase the time [...]]]></description>
			<content:encoded><![CDATA[<p>There are several ways of preserving bandwidth when you are running near your bandwidth quota:<br />
For those of you who have not bandwidth limit per month, <em>read this article as well, because I am going to tell you <b>how to speed up your pages big style</b></em></p>
<p>Different approaches can be used to increase the time your website is displayed on your users computers.<br />
You can measure the time it takes for your page to load with <a href="https://addons.mozilla.org/firefox/1843/">Firebug</a>, an extension for Firefox. Once downloaded, installed, Firefox restarted (<a href="http://www.h4x3d.com/five-tips-for-your-everyday-work-life/" target="_blank">use the brain hack to keep open Tabs</a>), you will find a small icon in the lower right area of your browser. Click enable, if it asks, then you can start viewing your page using the &#8220;Net&#8221; -tab (all) of Firebug. It will tell you how long the page took for loading. You will be surprised by the wide spectrum of details you will get to know about your website. E.g. using fat script libraries such as (full) <a href="http://script.aculo.us" target="_blank">scriptaculous</a> or <a href="http://www.prototypejs.org/" target="_blank">prototype</a> take quite some time to load. Often whole libraries are included for effects that only need a handful of functions (lightbox!). More under a.4 later on.</p>
<h4><b>a. reduce the over-all size of files/data that will be transfered when accessing your site</b></h4>
<pre><code>
   <a href="#images">a.1 images (jpg/png/gif)</a>
   <a href="#markup">a.2 markup (php/html/css)</a>
   <a href="#stylesheets">a.3 stylecheets (css)</a>
   <a href="#js">a.4 javascript (js)</a>
   <a href="#js-libraries">a.4.1 overview of different lightweight javascript libraries/frameworks</a>
   <a href="#plugins">a.5 general (plugins, temporarily removing 'fat files')</a>

</code></pre>
<h1><a name="images">a.1 Save bandwidth and optimize speed reducing images (jpg/png/gif)</a></h1>
<p>Many websites use a high amounts of images, and there is <b>nothing bad about it</b>,<br />
as long as a suitable compression is used. There is a difference between images compressed with jpg (jpeg), png and gif.<br />
While jpg is great for images that feature loads of different colours, gradients and generally speaking pictures (photos), png and gif make more sense if an image does only consist of few different colours (max. 256 for good results). Gif images have to be used if you are going for transparent or semi transparent images. PNG can be transparent as well, but there are issues with the Internet Explorer, so I&#8217;d not recommend using png for transparent images. A jpg compression of 60 is often far enough, no need to go by even higher, because most of your users will most likely not see any difference. The difference file size concerned is massive.<br />
You can easily safe some kilobytes there. <em>REMEMBER: less kb to download = faster display of site</em>. Safing photos in gif or png file format makes them ugly and big, so stick to jpg.</p>
<h1><a name="markup">a.2 Save bandwidth and optimize speed using valid markup (php/html/css)</a></h1>
<p>While this seems to be hard for many designers and programmers, one should try to produce valid markup.<br />
Valid markup displays faster on many computers. Don&#8217;t over comment your source on websites.<br />
It might be a good idea to keep local commented copies of your files, but in the web that&#8217;s only resource and thus speed hogging.</p>
<p>I&#8217;d recommend this <a href="http://infohound.net/tidy/" target="_blank">online HTML tidy program</a> for checking your markup, as well as the <a href="http://validator.w3.org/" target="_blank">official w3c markup validation service</a> [<a href="http://jigsaw.w3.org/css-validator/" target="_blank">For CSS</a>]<br />
A great online tool to strip comments from your code (html/js) is <a href="http://hometown.aol.de/_ht_a/memtronic/MemTronic_CruncherCompressor.html" target="_blank">memtronic&#8217;s packer</a><br />
as well as <a href="http://dean.edwards.name/packer/" target="_blank">dean edward&#8217;s packer</a>.</p>
<h1><a name="stylesheets">a.3 Save bandwidth and optimize speed using compressed CSS</a></h1>
<p>Compressed CSS is loaded like ordinary CSS, but simply faster.  <em>REMEMBER: less filesize = less load time of page</em><br />
If your pages&#8217; CSS is loaded faster, the site is earlier displayed on your visitors&#8217; PC. He/she is then more likely to not leave your page in the first 10 seconds if he/she sees the content. It is essential to aim for the below 10 seconds (check the time your users remain on your website with Google analytics). There are some CSS compressors that work and others that proclaim they work, but don&#8217;t. Here are three, that definately work more or less depending on the complexity of coding.</p>
<p>CSS compressors<br />
<a href="http://flumpcakes.co.uk/css/optimiser/" target="_blank">Flump cake css optimiser</a><br />
<a href="http://iceyboard.no-ip.org/projects/css_compressor" target="_blank">icey&#8217;s css compressor</a><br />
<a href="http://cdburnerxp.se/cssparse/css_optimiser.php" target="_blank">css formatter and optimser</a></p>
<h1><a name="js">a.4 Save bandwidth and optimize speed using compressed js</a></h1>
<p>Many WordPress scripts want you to include big and fat javascript on your blog. Usually those can be compressed, downsized and optimized. I mentioned two compressors before: <a href="http://hometown.aol.de/_ht_a/memtronic/MemTronic_CruncherCompressor.html" target="_blank">memtronic&#8217;s packer</a><br />
and <a href="http://dean.edwards.name/packer/" target="_blank">dean edward&#8217;s packer</a>.<br />
A by far even better compressor is dojo shrinksafe.<br />
You can use these compressors to remove descriptive lines, comments and examples from the source. Usually compressed files will still work. If they don&#8217;t, use another option or different compressor. Be sure to compress valid js markup only.</p>
<h1><a name="js-libraries">a.4.1 Overview of javascript libraries and compress JS</a></h1>
<p>So basically we all know <a href="http://script.aculo.us" target="_blank">scriptaculous</a> and <a href="http://www.prototypejs.org/" target="_blank">prototype</a>. Some also know <a href="http://mootools.net/" target="_blank">mootools (and moo.fx)</a>, but my personal #1 is <a href="http://www.devpro.it/bytefx/" target="_blank">byte.fx</a> with an overall size of 3kb.<br />
Prototype and scriptaculous can be compressed to some extent, <a href="http://www.stevekallestad.com" target="_blank">Steve Kallestad</a> did that and offers these compressed files on his site:</p>
<p>The downloads are available at:</p>
<ul>
<li><a href="http://www.stevekallestad.com/downloads/proto_150rc1_compressed.js">Prototype.js 1.50rc1</a>(25K as is, 13K with gzip compression, 64K uncompressed)</li>
<li><a href="http://www.stevekallestad.com/downloads/sc_165_compressed.js">scriptaculous 1.65</a> (41K as is, 20K with gzip compression, 105K uncompressed) </li>
<li><a href="http://www.stevekallestad.com/downloads/proto_150rc1_sc_165_compressed.js">combined prototype and scriptaculous </a> (62K as is, 29K with gzip compression, 169K uncompressed)</li>
</ul>
<p>Be sure to check them locally before you take these versions for an online test-walk!</p>
<h1><a name="plugins">a.5 Save bandwidth and optimize speed deactivating or tweaking plugins</a></h1>
<p>Many wordpress plugins are filled with explanations, comments and examples.<br />
These can be removed to save additional space and thus increase the download speed of your website.<br />
Use the mentioned above compressors to compress plugins like Lightbox or Flash-embedding plugins.<br />
If you ever run low on bandwidth, deactivate unneeded plugins (and later on re-activate them!) for the needed time.<br />
You will be surprised by the amount of traffic the lightbox.js does generate.<br />
Also check your site for deadlinks, sometimes a deadlink generates a 404-error page. If you got custom error-pages that render a nice &#8220;not found&#8221;-page, this is a massive traffic and bandwidth generator. Locating these files and fixing their deadlinks is essential to maintaining a slick site.</p>
<h4><b>b. enable server-side options to tweak the way stuff gets transfered</b></h4>
<pre><code>  <a href="#serverside">b.1 gzip compression</a>
  b.2 *Sql tweaks / WordPress 2.1
</code></pre>
<h1><a name="serverside">b.1 Save bandwidth and optimize speed using server-side options</a></h1>
<p>If you can get your hoster or admin to enable mod_deflate (former mod_gzip), you are most likely to save tons of bandwidth, because of serving compressed content. Note: not all browsers support this. Read all full tutorial on that <a href="http://www.howtoforge.com/apache2_mod_deflate" target="_blank">here</a>.</p>
<h1><a name="sql-tweaks">b.2 Save bandwidth and optimize speed using sql-tweaks (WP 2.1)</a></h1>
<p>In January this year, <a href="http://wordpress.org" target="_blank">WordPress 2.1</a> was released:<br />
They state:<br />
[...] Much more efficient database code, faster than previous versions. Domas Mituzas from MySQL went over all our queries with a fine-toothed comb [...]<br />
But if you want some real fast WordPress a-like CMS, go for <a target="_blank" href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.ossblog.it%2Fpost%2F1679%2Fflatpress-lalternativa-a-wordpress-senza-mysql&amp;langpair=it%7Cen&amp;hl=en&amp;safe=active&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Flatpress</a>, a SQL-less CMS (currently under development). Static files, such as html, load faster than any dynamic ones. just as a golden rule.</p>
<h4><b>c. move the server to a location where most of your visitors come from</b></h4>
<pre><code>  c.1 mirrors and foreign hosting</code></pre>
<h1>c.1 Relocating your website</h1>
<p>Sometimes it makes more sense relocating your website to the country of #1 traffic origin or offering <em>a mirror server</em> then merely tweaking your site. If you&#8217;d for example have a Fansite dealing with an American (US) actress or model, but run your website from Europe, then most of your targeted audience (Americans) will have a slower site experience than if you&#8217;d place a server on the American mainland. Even &#8216;mainland&#8217; is not equal mainland, due to the huge geographic distance of the east and westcoast. Thus offering mirror might be a wise idea. So based on the origin of site request either www1 or www2 is accessed.</p>
<div style="border: 1px dotted #333;padding: 12px">I will be moving to DREAMHOST (LAX, USA), but not merely because of the later stated issue of traffic origin. In the next few days this site will be moved (early February), so if you experience any trouble, please be patient, feel free to comment or drop me a mail at jez at this domain (h4x3d.com). I hope you enjoyed this article and also checkout <a href="http://www.h4x3d.com/five-tips-for-your-everyday-work-life/"><strong>my five tips for your daily work life</strong></a>.</div>
]]></content:encoded>
			<wfw:commentRss>http://h4x3d.com/how-to-preserve-bandwidth-and-speed-up-your-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

