<?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>Nico.Berlee.nl &#187; page-loading</title>
	<atom:link href="http://nico.berlee.nl/tag/page-loading/feed/" rel="self" type="application/rss+xml" />
	<link>http://nico.berlee.nl</link>
	<description>a digital portfolio</description>
	<lastBuildDate>Sat, 21 Jan 2012 21:31:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>AjaxBerlee 1.3a WordPress Theme</title>
		<link>http://nico.berlee.nl/ajaxberlee-13-wordpress-theme/</link>
		<comments>http://nico.berlee.nl/ajaxberlee-13-wordpress-theme/#comments</comments>
		<pubDate>Sat, 19 May 2007 14:26:36 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[page-loading]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://nico.berlee.nl/ajaxberlee-13-wordpress-theme/</guid>
		<description><![CDATA[CHANGES FEATURE: Better visitor experience when clicking on a link/search or commenting. Especially when the server or the connection is slow. It is configurable in the WP Admin Panel. Thanks to Vijayendra Mohanty for suggesting it FEATURE: You can now disable the Left-Sidebar to have a bigger main column. Thanks to Becky Lai for the [...]]]></description>
			<content:encoded><![CDATA[<p><strong>CHANGES</strong></p>
<ul>
<li>FEATURE: Better visitor experience when clicking on a link/search or commenting. Especially when the server or the connection is slow. It is configurable in the WP Admin Panel. Thanks to Vijayendra Mohanty for suggesting it</li>
<li>FEATURE: You can now disable the Left-Sidebar to have a bigger main column. Thanks to Becky Lai for the idea that is showed on <a href="http://www.sockparade.com">www.sockparade.com</a></li>
</ul>
<p><span id="more-56"></span></p>
<ul>
<li>FEATURE: About text and link is configurable in WordPress Admin Panel
</li>
<li>ENHANCEMENT: The number of Recent Posts in the Slide Ticker is now configurable.
</li>
<li>ENHANCEMENT: The post tags are now also in the post itself.
</li>
<li>ENHANCEMENT: Code for the WP Ajax Connector Framework is now in it own files.. It also has its own Admin Panel page.
</li>
<li>ENHANCEMENT: The comment submit button is immediately disabled when your clicked on it, so double clicks because the visitor is inpatient can not occur.
</li>
<li>ENHANCEMENT: History (back and forward navigation) in Internet Explorer finally works! It was really a pain to get the workaround working right with a minimum amount of coding&#8230;</li>
<li>BUGFIX: An error message can be displayed if something went wrong with the comment submitting.<br />Merged the commenting code of WordPress 2.2 which should be backwards compatible.</li>
<li>BUGFIX: Double title in Categories when not using widgets. Thanks to Martin BÃ¶ttinger for reporting it. I failed to notice it <img src='http://nico.berlee.nl/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </li>
<li>BUGFIX: Image preloading didn&#8217;t really loaded all images on a very fast visitor pc.</li>
<li>BUGFIX: Anchors should now be working right (not getting a 404 page not found anymore)</li>
<li>VISUAL: Changed the bullet.gif so It won&#8217;t contain a dot inside&#8230; Didn&#8217;t really like it <img src='http://nico.berlee.nl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<p>Sorry, no notes on 1.3 to 1.3a I was too busy fixing bugs and lost track of all the changes committed <img src='http://nico.berlee.nl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Upgrade note:<br />
If you are updating from 1.2, please note that some files have been renamed! Also, if you enabled the Slide Ticker on your site, please go to the WP Admin Panel -&gt; Presentation -&gt; AjaxBerlee Options and change the value of the Slide Ticker to a number, for example 15.<br />
You also might want to change the about text since it is now controlled in the WP Admin Panel</p>
<p><a href='http://nico.berlee.nl/files/2007/06/ajaxberlee13a.zip' title='Download AjaxBerlee 1.3a'>Download AjaxBerlee 1.3a</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nico.berlee.nl/ajaxberlee-13-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>166</slash:comments>
		</item>
		<item>
		<title>AjaxBerlee 1.2 WordPress Theme</title>
		<link>http://nico.berlee.nl/ajaxberlee-12-wordpress-theme/</link>
		<comments>http://nico.berlee.nl/ajaxberlee-12-wordpress-theme/#comments</comments>
		<pubDate>Tue, 08 May 2007 14:05:32 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[page-loading]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://nico.berlee.nl/ajaxberlee-12-wordpress-theme/</guid>
		<description><![CDATA[Please use the latest version! FEATURE: Configurable options in WordPress Admin Panel! SUPPORT: WordPress Widget support ENHANCEMENT: Made the TextSlider code much nicer. And works much better now. ENHANCEMENT: Replaced WordPress functions for the theme that where deprecated in WordPress 2.1 and no longer supported. This means there no WordPress 2.0 support anymore in this [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Please use the latest version!</strong><br />
<a href='http://nico.berlee.nl/files/2007/05/themeoptions.jpg' title='Click to view'><img src='http://nico.berlee.nl/files/2007/05/themeoptions.thumbnail.jpg' class='right' alt='Theme options' /></a></p>
<ul>
<li>FEATURE: Configurable options in WordPress Admin Panel!</li>
<li>SUPPORT: WordPress Widget support</li>
<li>ENHANCEMENT: Made the TextSlider code much nicer. And works much better now.</li>
</ul>
<p><span id="more-55"></span></p>
<ul>
<li>ENHANCEMENT: Replaced WordPress functions for the theme that where deprecated in WordPress 2.1 and no longer supported. This means there no WordPress 2.0 support anymore in this theme!</li>
<li>ENHANCEMENT: When one of the membership options under General Option (in WordPress Panel) is set an Login/Logout Register/Site Admin will appear on the left sidebar. (when not using widgets)</li>
<li>ENHANCEMENT: When a blog is accessible with more than one URL, it will all be redirected to the blog URL defined in WP-admin since the Ajax functions must obey the Same Origin Policy:  http://www.mozilla.org/projects/security/components/same-origin.html</li>
<li>BUGFIX: Fixed timing issue only occourred with Internet Explorer with a # link&#8230; Because it executed the javascript faster than the page could load&#8230; This would bring up an Navigation cancelled dialog box.</li>
<li>BUGFIX: Some characters in the title with accent or circumflexes or just a plane &#8216; quote would be displayed as HTML character entities. (for example &quot; &amp; &lt; &gt;)</li>
<li>BUGFIX: Images with a space in the URL are not preloaded.</li>
<li>BUGFIX: An URL to an external page containing your blog url as a parameter are treated like an internal page. Resulting in a 404 Page not found.</li>
</ul>
<p><strong>Installation</strong></p>
<p>It&#8217;s pretty straight forward, just put the whole directory AjaxBerlee (and content in it of course) to the wp-content/themes. After that, goto Presentation -&gt; Current Theme Options and select the options you like.</p>
<p><strong>Big Tip</strong><br />
Use WordPress Widgets! You can download it from <a href="http://automattic.com/code/widgets">http://automattic.com/code/widgets</a> after that copy the widgets from the plugins/widgets to the widgets directory on the webserver and active them.This allows you to use all components in the sidebar that currently statically exists, to use them very dynamically!</p>
]]></content:encoded>
			<wfw:commentRss>http://nico.berlee.nl/ajaxberlee-12-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>AjaxBerlee 1.1 WordPress Theme</title>
		<link>http://nico.berlee.nl/ajaxberlee-11-wordpress-theme/</link>
		<comments>http://nico.berlee.nl/ajaxberlee-11-wordpress-theme/#comments</comments>
		<pubDate>Fri, 04 May 2007 15:00:19 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[page-loading]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://nico.berlee.nl/ajaxberlee-11-wordpress-theme/</guid>
		<description><![CDATA[Please use the latest version! A minimal, simple, crisp, clear and light 3 column design. This plugin independent theme highlights the excerpt of the latest article on the home page. AjaxBerlee is based on the Brajeshwar theme, but itâ€™s much faster and it comes with interesting AJAX features such as Instant Comment, Instant Search, Page [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Please use the latest version!</strong></p>
<p>A minimal, simple, crisp, clear and light 3 column design. This plugin independent theme highlights the excerpt of the latest article on the home page.<span id="more-47"></span></p>
<p>AjaxBerlee is based on the Brajeshwar theme, but itâ€™s much faster and it comes with interesting AJAX features such as Instant Comment, Instant Search, Page and Image preloading and an article slider.</p>
<p><strong>Changes</strong></p>
<ul>
<li>Loads of little code enhancements in the WP Ajax Connector Framework to make it more robust and better compatible with Firefox</li>
<li>Preloading of images when a visitor hover over an article link that contains images</li>
<li>Navigation on the front page (older articles)</li>
<li>Merged some of the code of Brajeshwar 7.2.2</li>
<li>Added support for some plug-ins&#8230; See TIPS in ReadMe.txt</li>
</ul>
<p><strong>Compatibility</strong><br />
AjaxBerlee Theme and the WP Ajax Connector Framework are compatible with WordPress:</p>
<ul>
<li>WordPress 2.0.x</li>
<li>WordPress 2.1.x (tested up to 2.1.3)</li>
<li>WordPress-MU (tested up to 1.2.1)</li>
</ul>
<p>Tested on browsers:</p>
<ul>
<li>Internet Explorer 6 &amp; 7</li>
<li>Firefox 2.0.0.3</li>
<li>Opera 9.20</li>
</ul>
<p><strong>Please the latest version!</strong></p>
<p><strong>Common Problem!</strong><br />
It&#8217;s very important that you fill in the right WordPress and Blog address in the WordPress Admin Panel under options:<br />
<img src='http://nico.berlee.nl/files/2007/05/url.gif' alt='URL options in WordPress Admin Panel' /></p>
<p>While this sounds a bit obvious, when your site is www.berlee.nl please double check this value in the Admin Panel to see if it really says http://www.berlee.nl and not http://berlee.nl because that results in a unbrowseable website</p>
<p>Because of security issues Ajax request works only from the url that is configured in the WordPress Admin Panel.</p>
]]></content:encoded>
			<wfw:commentRss>http://nico.berlee.nl/ajaxberlee-11-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>My improved website response with Ajax</title>
		<link>http://nico.berlee.nl/my-improved-website-response-withajax/</link>
		<comments>http://nico.berlee.nl/my-improved-website-response-withajax/#comments</comments>
		<pubDate>Sat, 19 Aug 2006 20:06:26 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet-Explorer]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[page-loading]]></category>

		<guid isPermaLink="false">http://nico.berlee.nl/my-improved-website-response-withajax/</guid>
		<description><![CDATA[I am an ajax-fan, in fact I watch every soccer match on TV. Ok, but that&#8217;s probably not what you want you are interested in . I really start wondering how to improve the response time after IÂ concluded that it would be allot of workÂ to convert this theme to a lightpress theme (I had to [...]]]></description>
			<content:encoded><![CDATA[<p>I am an ajax-fan, in fact I watch every soccer match on TV. Ok, but that&#8217;s probably not what you want you are interested in <img src='http://nico.berlee.nl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>I really start wondering how to improve the response time after IÂ concluded that it would be allot of workÂ to convert this theme to a <a href="http://www.lightpress.org">lightpress</a> theme (I had to make a lot of plugins to get it to work).<span id="more-25"></span></p>
<p>So I started to think about other possibilities. The nice thing about lightpress was, it would only query the data in the database that was actually needed. So I tried to make an intelligentÂ PHP frontend that only parses parts of the page that needs to change when youÂ switch from page to pageÂ and gives it, wrapped in XML (because more than one part of the site need to change) to the JavaScript on the Client. The JavaScript on the client thenÂ parses the XML responseÂ andÂ renders itÂ in the DIVs on the website.</p>
<p>Needles to say, itÂ saves a lot of bandwidth. My average page sizeÂ did goÂ from 15kb to 5kb (uncompressed, with ZLib compression, often not more than 1kb!). This has a lot of advantages, becauseÂ it uses less processing andÂ parsing time on the server and less download and render time on the client, and it looks nicer towards the user because the page doesn&#8217;t get refreshed.Â IÂ The only overhead is the 4kb JavaScript, which is nothing compared to someÂ <a href="http://nico.berlee.nl/ajax-javascript-libraries/">other ajax JavaScript libraries.</a></p>
<p><strong>Backwards compatible</strong></p>
<p>Backwards compatibility was a key requirement for me. Since Google, MSN search, yahoo and other search spider bots don&#8217;t understand the the first thing about JavaScript or cookies. And, of course, the security nutheads (people that read security bulletins andÂ don&#8217;t mitigate)Â that disables JavaScript because they think they are safer off. Ok I am going off topic, but think of it for a second. You are much, much, much better off (security and compatibility wise) by running Firefox of Opera as aÂ limited user (right-click on the shortcut, run as),Â instead of disabling JavaScript in Internet Explorer!</p>
<p>JavaScript is responsible for turning the normal A HREF links to an ajax request in the background. This way it&#8217;s fully backwards compatible&#8230; Even if JavaScript works and even if the ajax request fails, It will switch to the old A HREF link.</p>
]]></content:encoded>
			<wfw:commentRss>http://nico.berlee.nl/my-improved-website-response-withajax/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Ajax JavaScript Libraries</title>
		<link>http://nico.berlee.nl/ajax-javascript-libraries/</link>
		<comments>http://nico.berlee.nl/ajax-javascript-libraries/#comments</comments>
		<pubDate>Sat, 12 Aug 2006 13:53:19 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[cached]]></category>
		<category><![CDATA[latency]]></category>
		<category><![CDATA[page-loading]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://nico.berlee.nl/ajax-javascriptlibraries/</guid>
		<description><![CDATA[Last week I had some spare time and took a look at the Ajax hype. Instantly my attention was drawn by the loaders and to say the least, the load time on the WordPress blogs. Since I wanted to implement Ajax at my site, it was a bit of a turn off. I first looked [...]]]></description>
			<content:encoded><![CDATA[<p>Last week I had some spare time and took a look at the Ajax hype. Instantly my attention was drawn by the loaders and to say the least, the load time on the WordPress blogs. Since I wanted to implement Ajax at my site, it was a bit of a turn off.</p>
<p>I first looked of course at the <a href="http://www.giannim.com/blog/?p=15">Gianni Milanesiâ€™s AjaxWP</a>. This looks promising if you like some DHTML in combination with Ajax. Itâ€™s also easy to setupâ€¦ so whatâ€™s the problem? <span id="more-54"></span>Well, itâ€™s using Prototype, Scriptaculous and a history library. Which are all fine JavaScript libraries but do not improve load time. In fact, according to <a href="http://www.websiteoptimization.com/services/analyze/">www.websiteoptimization.com</a> it takes about one minute on a 33k6 telephone line on its first visit to completely load the site (without browser rendering). The <a href="http://www.bloxpress.org/demo/">Bloxpress 2</a> is a very fine WordPress theme, with a high coolaid level. But again, the load time is nothing to be proud of. And itâ€™s a theme, I wanted my own the Brajeshwar theme to have Ajax.</p>
<p>I personally donâ€™t like libraries, because you either use you nasty hacks because they donâ€™t do what you want, or they just are far to big, which then you have a problem with legacy clients (which the processor canâ€™t cope) or dialup users, which are very grateful that they could actually use your site within a minute <img src='http://nico.berlee.nl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Because I want to use Ajax to improve the download and render time of the site instead of making it worse by implementing those libraries, I decided to write my own implementation.</p>
]]></content:encoded>
			<wfw:commentRss>http://nico.berlee.nl/ajax-javascript-libraries/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

