سلام و درود
استفاده از روش Base64 مستقیم در فایل HTML به خاطر همین موضوع Cache که شما میگید توصیه نمیشه و اگر قراره Base64 داشته باشیم باید در فایل CSS استفاده بشه چون فایل CSS کش میشه.جسازتاً روش Base64 برعکس باعث کاهش سرعت میشه چون دقت کنید الان در حالت معمول که فایل ها جدا هستند مرورگر تمام اونا رو می تونه به صورت جدا Cache و ذخیره کنه و بعدش با هر بار لود صفحه فقط HTML رو بخونه ولی وقتی شما تصاویر هم عضوی از خود کد های HTML میکنید دیگه مرورگر با هر لود صفحه مجبوره دوباره تصاویر هم لود کنه مگر اینکه در htaccess. تعیین کنید که کد های HTML هم توسط مرورگر Cache بشه که اشتباهه و در این صورت مطالب جدید رو کاربری که از قبل وارد سایت شده تا خودش Ctrl+F5 نزنه یا کش رو پاک نکنه نمی تونه ببینه.
اگر دقت کنید اینجا اشاره کردم که 5 عکس پایین سایت هم باید وارد CSS بشه دلیلش همین بود.5 عکس انتهایی سایت هم چون مربوط به قالب سایت هست باید از طریق css به صفحه اضافه شود نه با تگ img.
در هر صورت هر دو روش قایل استفاده است و تفاوت چندانی بین این روش مشاهده نمیشه البته اگر Base64 برای عکس های درون CSS استفاده بشه نه برای عکس های درون HTML.
موفق باشید





پاسخ با نقل قول