@angular-experts/hawkeye
Version:
CLI to launch Hawkeye, a bundle analyzer / visualizer
119 lines (112 loc) • 5.67 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Visualize and analyze your JavaScript bundles online with our powerful bundle visualizer. Get detailed insights into chunk sizes, dependencies, and performance optimization strategies."
/>
<meta
name="keywords"
content="JavaScript bundle visualizer, esbuild bundle analyzer, online bundle analyzer, chunk analysis, web performance optimization, module visualization, JavaScript tools"
/>
<meta name="author" content="Your Name or Company Name" />
<!-- Open Graph Meta Tags (for Social Media Sharing) -->
<meta
property="og:title"
content="Online Bundle Visualizer - Analyze JavaScript Bundles"
/>
<meta
property="og:description"
content="Analyze and optimize your JavaScript bundles online. Get detailed insights into chunk sizes, dependencies, and performance improvements."
/>
<meta property="og:image" content="https://yourwebsite.com/og-image.jpg" />
<meta property="og:url" content="https://yourwebsite.com" />
<meta property="og:type" content="website" />
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Online Bundle Visualizer - Analyze JavaScript Bundles"
/>
<meta
name="twitter:description"
content="Visualize and optimize your JavaScript bundles with our online tool. Gain insights into chunk sizes and improve web performance."
/>
<meta
name="twitter:image"
content="https://yourwebsite.com/twitter-image.jpg"
/>
<!-- Schema.org JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Online Bundle Visualizer",
"url": "https://yourwebsite.com",
"description": "Visualize and analyze your JavaScript bundles online with detailed insights into chunk sizes, dependencies, and optimization strategies.",
"image": "https://yourwebsite.com/logo.jpg",
"creator": {
"@type": "Person",
"name": "Your Name or Company Name"
},
"applicationCategory": "Developer Tools",
"operatingSystem": "All",
"browserRequirements": "Requires JavaScript-enabled browser",
"keywords": [
"bundle analyzer",
"JavaScript visualization",
"web performance tools"
]
}
</script>
<!-- Favicon -->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<title>Online Bundle Visualizer - Analyze JavaScript Bundles</title>
<meta charset="utf-8" />
<title>My App</title>
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Chewy&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montez&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montez&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rock+Salt&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montez&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rock+Salt&family=Style+Script&display=swap"
rel="stylesheet"
/>
<script type="module" crossorigin src="/assets/index-C-aBJUMI.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BhR09fGg.css">
</head>
<body class="mat-typography">
<app-root></app-root>
<script type="text/javascript" id="ng-event-dispatch-contract">(()=>{function p(t,n,r,o,e,i,f,m){return{eventType:t,event:n,targetElement:r,eic:o,timeStamp:e,eia:i,eirp:f,eiack:m}}function u(t){let n=[],r=e=>{n.push(e)};return{c:t,q:n,et:[],etc:[],d:r,h:e=>{r(p(e.type,e,e.target,t,Date.now()))}}}function s(t,n,r){for(let o=0;o<n.length;o++){let e=n[o];(r?t.etc:t.et).push(e),t.c.addEventListener(e,t.h,r)}}function c(t,n,r,o,e=window){let i=u(t);e._ejsas||(e._ejsas={}),e._ejsas[n]=i,s(i,r),s(i,o,!0)}window.__jsaction_bootstrap=c;})();
</script>
</body>
</html>