Skip to content

⚡ Bolt: optimize asset loading and initial execution #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
rtech-technologies wants to merge 1 commit into
base: main
Choose a base branch
from
Open

⚡ Bolt: optimize asset loading and initial execution #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .jules/bolt.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
## 2026-04-17 - Resource Hints and Variable Fonts
**Learning:** For static sites using third-party CDNs (Google Fonts, Tailwind), `preconnect` hints can shave off significant connection setup time (~20-50ms depending on network). Additionally, using variable font ranges (e.g., `300..900`) instead of discrete weights ensures all used weights are covered (fixing missing `font-black` 900 weight) and allows the browser to optimize font fetching more effectively.
**Action:** Always check for used font weights that might be missing from the CSS request and add `preconnect` for all critical external assets.

## 2026-04-18 - Execution Timing and Asset Loading
**Learning:** For scripts at the end of the <body>, using `window.onload` introduces unnecessary delay by waiting for all external assets (like large fonts or CDNs) to finish. Direct execution or `DOMContentLoaded` is more efficient for "Time to Interactive". Additionally, while variable fonts are flexible, requesting large ranges or unused styles (italics) can increase payload size; keep font requests lean to avoid regressions.
**Action:** Always prefer immediate execution for footer scripts and audit font weight requests for unused styles.
3 changes: 3 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RTECH | Sovereign Industrial 2026</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdn.tailwindcss.com">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
<style>
Expand Down
7 changes: 6 additions & 1 deletion os2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RTECH | OS*2 Full Specifications</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdn.tailwindcss.com">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
<style>
Expand Down Expand Up @@ -165,7 +168,9 @@ <h4 class="text-[10px] font-black text-slate-500 uppercase mb-6 tracking-widest"
status.innerText = "Status: Mirror_Sync_In_Progress";
}
}
window.onload = checkAvailability;
// Immediate execution since script is at the end of body and DOM elements are ready.
// This avoids waiting for slow external assets like large fonts or Tailwind CDN.
checkAvailability();
</script>
</body>
</html>