<span style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">
  <p dir="auto">You are right, I thought, it disabled both asynchronous functionalities.<br>
I pulled <code class="notranslate">master</code> and tested turning asynchronous loading off.</p>
<ol dir="auto">
<li>About flash: it is because data is loaded asynchronously and as everything is rendered one by one (and not as one operation that may cause freezing of the website), on fast machines it may be perceived as a flash.</li>
<li>About performance: these are several rendering test results from my local machine:
<pre class="notranslate"><code class="notranslate">3260 features | 178ms -> 328ms (~1.8x)
3163 features | 169ms -> 264ms (~1.5x)
2319 features | 114ms -> 196ms (~1.7x)
</code></pre>
Therefore, on average previously it was 1.7x faster (which is logical, because now it is asynchronous and is not done in one operation).</li>
</ol>
<p dir="auto">But in terms of redrawing all of the features, when map is moved, there was no change that would impact that behavior. Even after turning asynchronous functionality off, all of the features were still redrawn.</p>
<p dir="auto">Turning asynchronous functionality off will solve flash problem, but redrawing all the features will stay the same. Though, for those who have weaker CPUs (for example when I run performance test on <code class="notranslate">CPU 20x slowdown</code>), rendering data asynchronously helps user not to have frozen web page and browser. I think, if you suggest turning this functionality off or some optimization about rendering data, it will be better to be discusses in a separate issue.</p><p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5009#issuecomment-2736676415">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLL2SQQNGYBHO5Z34W32VFXGNAVCNFSM6AAAAABLF5RXIWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMZWGY3TMNBRGU">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLNNSZZ34G2FDFKWPZD2VFXGNA5CNFSM6AAAAABLF5RXIWWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTVDDZPD6.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/5009/c2736676415</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
</span>


<div style="display: flex; flex-wrap: wrap; white-space: pre-wrap; align-items: center; "><img alt="nertc" height="20" width="20" style="border-radius:50%; margin-right: 4px;" decoding="async" src="https://avatars.githubusercontent.com/u/55288419?s=20&v=4" /><strong>nertc</strong> left a comment <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5009#issuecomment-2736676415">(openstreetmap/openstreetmap-website#5009)</a></div>
<p dir="auto">You are right, I thought, it disabled both asynchronous functionalities.<br>
I pulled <code class="notranslate">master</code> and tested turning asynchronous loading off.</p>
<ol dir="auto">
<li>About flash: it is because data is loaded asynchronously and as everything is rendered one by one (and not as one operation that may cause freezing of the website), on fast machines it may be perceived as a flash.</li>
<li>About performance: these are several rendering test results from my local machine:
<pre class="notranslate"><code class="notranslate">3260 features | 178ms -> 328ms (~1.8x)
3163 features | 169ms -> 264ms (~1.5x)
2319 features | 114ms -> 196ms (~1.7x)
</code></pre>
Therefore, on average previously it was 1.7x faster (which is logical, because now it is asynchronous and is not done in one operation).</li>
</ol>
<p dir="auto">But in terms of redrawing all of the features, when map is moved, there was no change that would impact that behavior. Even after turning asynchronous functionality off, all of the features were still redrawn.</p>
<p dir="auto">Turning asynchronous functionality off will solve flash problem, but redrawing all the features will stay the same. Though, for those who have weaker CPUs (for example when I run performance test on <code class="notranslate">CPU 20x slowdown</code>), rendering data asynchronously helps user not to have frozen web page and browser. I think, if you suggest turning this functionality off or some optimization about rendering data, it will be better to be discusses in a separate issue.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5009#issuecomment-2736676415">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLL2SQQNGYBHO5Z34W32VFXGNAVCNFSM6AAAAABLF5RXIWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMZWGY3TMNBRGU">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLNNSZZ34G2FDFKWPZD2VFXGNA5CNFSM6AAAAABLF5RXIWWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTVDDZPD6.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/5009/c2736676415</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>

<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/5009#issuecomment-2736676415",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/5009#issuecomment-2736676415",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>