docs: add diagrams

FuelLabs · Dec 31, 2024 · e2682a0 · e2682a0
1 parent 43fbfc7
commit e2682a0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/apps/docs/src/guide/optimizing-transactions/index.md b/apps/docs/src/guide/optimizing-transactions/index.md
@@ -9,7 +9,15 @@ When submitting transactions using the SDK, the following actions are being perf
 
 Depending on how you are performing the transaction, all of the above may have been abstracted away underneath a single function call that is performing multiple calls to the network to retrieve necessary information. Which gives the appearance of slowness for users interacting with your application.
 
-This can be mitigated by optimistically building the transaction before your user submits the transaction. Pre-preparation of the transaction can speed increases for your users of **~2x**.
+This process can be illustrated by the following diagram:
+
+![Pre-optimization Tx Process](../../public/tx-optimization-before.png)
+
+This can be mitigated by optimistically building the transaction before your user submits the transaction. Pre-preparation of the transaction can improve the perceived speed of transactions by **~2x**.
+
+The process now looks like the following:
+
+![Post-optimization Tx Process](../../public/tx-optimization-after.png)
 
 Check out the following guides on implementing optimistic transaction building:
 

diff --git a/apps/docs/src/public/tx-optimization-after.png b/apps/docs/src/public/tx-optimization-after.png
diff --git a/apps/docs/src/public/tx-optimization-before.png b/apps/docs/src/public/tx-optimization-before.png