سلام. من هر دو حالت رو برای innerHTML تست کردم هم با =+ و هم با + و هیچ کدوم موقع Load تصویر از روی CDN تفاوتی با هم نداشت. در صورتی که Disable Cache رو از تب Network فعال باشه که در هر دو حالت تصویر رو مجددا از روی CDN میگیره و در صورتی که Disable Cache غیر فعال باشه تصویر رو از روی Cache میخونه و هیچ فرقی نداشت. کد زیر. من دو تا دستور رو به صورت دستی داخل Console زدم و با محدودیت سرعت روی 1 مگ چک کردم و بدون محدودیت سرعت هم چک کردم در هر دو حالت تنیجه یکی بود. اگر سرعت اینترنت پایینی داشته باشید مثلا 1 مگ بر ثانیه این تصویر در حدود 5 مگابایت حجم داره که لود شدنش رو توی مرورگر با چشم میبنید و بعد از اون تاخیر هایی که زدم هر دو دستور جدا جدا اجرا میشه و در هر دو دستور مجددا تصویر لود میشه.
میشه یک مثال برای این مورد بزنید. من متوجه نشدم منظورتون به این شکل بود یا نه.
<!doctype HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML and CSS</title>
</head>
<body>
<div id="image">
<img src="https://www.learningcontainer.com/wp-content/uploads/2020/08/Sample-Image-file-Download.png">
</div>
<script>
let div = document.querySelector('#image');
setTimeout(() => {
div.innerHTML = div.innerHTML + '<hr>';
console.log('OK');
}, 15000);
setTimeout(() => {
div.innerHTML += '<hr>';
console.log('OK');
}, 30000);
</script>
</body>
</html>