<?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>appendChild &#8211; stoimen&#039;s web log</title>
	<atom:link href="/tag/appendchild/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>on web development</description>
	<lastBuildDate>Tue, 13 Feb 2018 08:18:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.3</generator>
	<item>
		<title>Optimizing OpenLayers. Speed up markers load time!</title>
		<link>/2010/02/09/optimizing-openlayers-speed-up-markers-load-time/</link>
		<comments>/2010/02/09/optimizing-openlayers-speed-up-markers-load-time/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 07:03:08 +0000</pubDate>
		<dc:creator><![CDATA[Stoimen]]></dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[micro tutorial]]></category>
		<category><![CDATA[appendChild]]></category>
		<category><![CDATA[marker]]></category>
		<category><![CDATA[openlayers]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">/?p=1051</guid>
		<description><![CDATA[Icons in OpenLayers! They chain of classes used to construct and make one single marker in OpenLayers is a bit difficult to follow, but isn&#8217;t impossible. There are three main classes in three files: Markers.js Layer/Markers.js Icon.js That&#8217;s why after tracking the code in them I noticed the library&#8217;s using appendChild in a line like &#8230; <a href="/2010/02/09/optimizing-openlayers-speed-up-markers-load-time/" class="more-link">Continue reading <span class="screen-reader-text">Optimizing OpenLayers. Speed up markers load time!</span> <span class="meta-nav">&#8594;</span></a><div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2010/03/19/openlayers-can-be-faster/" rel="bookmark" title="OpenLayers Can Be Faster!">OpenLayers Can Be Faster! </a></li>
<li><a href="/2010/01/14/optimizing-openlayers-make-it-smaller-and-faster/" rel="bookmark" title="Optimizing OpenLayers. Make it smaller and faster!">Optimizing OpenLayers. Make it smaller and faster! </a></li>
<li><a href="/2009/07/24/javascript-detect-browser-speed-and-load-the-slow-connection-site/" rel="bookmark" title="javascript: detect browser speed and load the &#8220;slow connection&#8221; site version">javascript: detect browser speed and load the &#8220;slow connection&#8221; site version </a></li>
<li><a href="/2010/02/08/openlayers-extreme-optimization-cut-compress-and-deploy/" rel="bookmark" title="OpenLayers extreme optimization. Cut, compress and deploy!">OpenLayers extreme optimization. Cut, compress and deploy! </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2>Icons in OpenLayers!</h2>
<p>They chain of classes used to construct and make one single marker in OpenLayers is a bit difficult to follow, but isn&#8217;t impossible. There are three main classes in three files:</p>
<pre lang="javascript">Markers.js
Layer/Markers.js
Icon.js</pre>
<p>That&#8217;s why after tracking the code in them I noticed the library&#8217;s using appendChild in a line like that:</p>
<pre lang="javascript">this.div.appendChild(markerImg);</pre>
<p>The problem is that if you&#8217;ve a loop with probably hundreds of iterations this is really slow. What I intent to do is to return only the generated code as string, or instead of returning the element, I can return the string. Than concatenate it after the loop&#8217;s over.</p>
<p>That will be way faster!</p>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2010/03/19/openlayers-can-be-faster/" rel="bookmark" title="OpenLayers Can Be Faster!">OpenLayers Can Be Faster! </a></li>
<li><a href="/2010/01/14/optimizing-openlayers-make-it-smaller-and-faster/" rel="bookmark" title="Optimizing OpenLayers. Make it smaller and faster!">Optimizing OpenLayers. Make it smaller and faster! </a></li>
<li><a href="/2009/07/24/javascript-detect-browser-speed-and-load-the-slow-connection-site/" rel="bookmark" title="javascript: detect browser speed and load the &#8220;slow connection&#8221; site version">javascript: detect browser speed and load the &#8220;slow connection&#8221; site version </a></li>
<li><a href="/2010/02/08/openlayers-extreme-optimization-cut-compress-and-deploy/" rel="bookmark" title="OpenLayers extreme optimization. Cut, compress and deploy!">OpenLayers extreme optimization. Cut, compress and deploy! </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2010/02/09/optimizing-openlayers-speed-up-markers-load-time/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
