<?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>redaware &#187; jQuery</title>
	<atom:link href="http://www.redaware.net/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.redaware.net</link>
	<description></description>
	<lastBuildDate>Wed, 16 Jun 2010 15:15:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Making web pages load faster by using Google’s AJAX Libraries</title>
		<link>http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/</link>
		<comments>http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 14:28:00 +0000</pubDate>
		<dc:creator>tsymonds</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google API]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://www.redaware.net/?p=136</guid>
		<description><![CDATA[If you use a JavaScript framework like Mootools or jQuery, you may want to consider using Google’s AJAX Libraries. By utilising Google’s servers and distributing scripts across multiple hosts your webpage should load much quicker. Firstly you will need to sign up for a Google API key for your website: http://code.google.com/apis/ajaxsearch/signup.html Once registered, put the [...]]]></description>
			<content:encoded><![CDATA[<p>If you use a JavaScript framework like Mootools or jQuery, you may want to consider using Google’s AJAX Libraries. By utilising Google’s servers and distributing scripts across multiple hosts your webpage should load much quicker.</p>
<p>Firstly you will need to sign up for a Google API key for your website: <a href="http://code.google.com/apis/ajaxsearch/signup.html"> http://code.google.com/apis/ajaxsearch/signup.html</a></p>
<p>Once registered, put the following in the header section of your web pages replacing the key parameter with you registered key.</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span> src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://www.google.com/jsapi?key=ABCDEFG&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>To use Google’s libraries use the google.load() function:<br />
For jquery:</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span> <br />
&nbsp; &nbsp;google.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;jquery&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;1.3.2&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>For MooTools (replace 1.2.4 with the version that is required):</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span> <br />
&nbsp; &nbsp;google.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;mootools&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;1.2.4&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>Alternatively, you can also have an external link to the library:</p>
<p>For jquery:</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span> src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>For MooTools:</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span> src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>For a complete list of option, please see the Developer’s Guide <a href="http://code.google.com/apis/ajaxlibs/documentation/index.html#googleDotLoad">http://code.google.com/apis/ajaxlibs/documentation/index.html#googleDotLoad</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google’s-ajax-libraries/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;title=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;title=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;title=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries&amp;desc=If%20you%20use%20a%20JavaScript%20framework%20like%20Mootools%20or%20jQuery%2C%20you%20may%20want%20to%20consider%20using%20Google%E2%80%99s%20AJAX%20Libraries.%20By%20utilising%20Google%E2%80%99s%20servers%20and%20distributing%20scripts%20across%20multiple%20hosts%20your%20webpage%20should%20load%20much%20quicker.%0D%0A%0D%0AFirstly%20you%20will%20need%20to%20sign%20up%20for%20a%20Google%20API%20key%20for%20your" rel="nofollow" class="external" title="Post this on Diigo">Post this on Diigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;bm_description=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Add this to Mister Wong">Add this to Mister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;title=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;title=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/&amp;title=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Making+web+pages+load+faster+by+using+Google%E2%80%99s+AJAX+Libraries+-+http://b2l.me/kfutp&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.redaware.net/2009/11/making-web-pages-load-faster-by-using-google%e2%80%99s-ajax-libraries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
