HTML Template Dropping Frames

I am developing HTML Templates and when testing them in a browser the performance is fine but, frames start dropping when Caspar plays them out.

Here are the computer specs.

  • Processor: i7-7820X 3.6 GHz 8-Core
  • Motherboard: MSI X299 LGA 2066 ATX Baord
  • Graphics Card: GTX 1070 Ti w/ 8GB or VRAM
  • Storage:
    • Caspar is on a Samsung 250GB 960 EVO NVMe M.2 drive
    • OS is on a Samsung 250GB SSD
  • RAM: Ballistix 32GB DDR4 3000
  • OS: Windows 10 Home

Caspar Setup:

  • Output: Blackmagic Deklick 4k Extreme
  • Config File
<video-mode>1080p2997</video-mode>
<consumers>
	<decklink>
		<device>1</device>
		<key-device>1</key-device>
		<embedded-audio>true</embedded-audio>
		<latency>normal</latency>
		<keyer>external</keyer>
		<key-only>false</key-only>
		<buffer-depth>4</buffer-depth>
	</decklink>
</consumers>
<html>
     <remote-debugging-port>8081</remote-debugging-port>
     <enable-gpu>true</enable-gpu>
</html>

After reading a few articles, listed below, I believe updating the Graphics card to a Quardo P2000 or better, doubling the RAM, and getting another NVMe SSD and running it in RAID 0 for Caspar / all media should do the trick? Could this also be an issue with Caspar’s chromium? Maybe a bottleneck there?

Reference Posts:
GXT vs Quardo
Hardware Advice

May have solved it myself. I can not remember where but I read that enabling <enable-gpu> can cause some issues. After changing it to false, the dropped frames seem to go away.