mirror of
https://github.com/thelounge/thelounge.git
synced 2026-06-11 07:04:37 -04:00
0fe011235e
``` Webpack vs Vite Build Comparison ┌────────────┬──────────────────────┬────────────────────┬───────────────┐ │ Metric │ Webpack 5 │ Vite 8 (Rolldown) │ Change │ ├────────────┼──────────────────────┼────────────────────┼───────────────┤ │ Build time │ 1,961ms (2.96s wall) │ 612ms (0.82s wall) │ 3.2x faster │ ├────────────┼──────────────────────┼────────────────────┼───────────────┤ │ CPU time │ 11.0s user │ 1.3s user │ 8.5x less CPU │ └────────────┴──────────────────────┴────────────────────┴───────────────┘ Bundle sizes (gzipped) ┌────────────────┬─────────┬────────┬────────┐ │ Asset │ Webpack │ Vite │ Change │ ├────────────────┼─────────┼────────┼────────┤ │ App JS │ 152.6K │ 104.9K │ -31% │ ├────────────────┼─────────┼────────┼────────┤ │ Vendor JS │ 251.1K │ 81.6K │ -68% │ ├────────────────┼─────────┼────────┼────────┤ │ Runtime JS │ — │ 0.5K │ new │ ├────────────────┼─────────┼────────┼────────┤ │ Total JS │ 403.7K │ 187.0K │ -54% │ ├────────────────┼─────────┼────────┼────────┤ │ CSS │ 12.5K │ 11.9K │ -5% │ ├────────────────┼─────────┼────────┼────────┤ │ Total transfer │ 416.2K │ 198.9K │ -52% │ └────────────────┴─────────┴────────┴────────┘ Raw (uncompressed) ┌───────────────┬─────────┬──────┬────────┐ │ Asset │ Webpack │ Vite │ Change │ ├───────────────┼─────────┼──────┼────────┤ │ App JS │ 1.3M │ 304K │ -77% │ ├───────────────┼─────────┼──────┼────────┤ │ Vendor JS │ 1.1M │ 236K │ -79% │ ├───────────────┼─────────┼──────┼────────┤ │ CSS │ 64K │ 56K │ -13% │ ├───────────────┼─────────┼──────┼────────┤ │ Total public/ │ 5.1M │ 3.4M │ -33% │ └───────────────┴─────────┴──────┴────────┘ ``` --------- Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>
86 lines
2.9 KiB
HTML
86 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, user-scalable=no, interactive-widget=resizes-content"
|
|
/>
|
|
<link rel="preload" as="script" href="js/loading-error-handlers.js" />
|
|
|
|
<title>The Lounge</title>
|
|
|
|
<!-- Browser tab icon -->
|
|
<link
|
|
id="favicon"
|
|
rel="icon"
|
|
sizes="16x16 32x32 64x64"
|
|
href="favicon.ico"
|
|
data-other="img/favicon-alerted.ico"
|
|
type="image/x-icon"
|
|
/>
|
|
|
|
<!-- Safari pinned tab icon -->
|
|
<link rel="mask-icon" href="img/icon-black-transparent-bg.svg" color="#415364" />
|
|
|
|
<link rel="manifest" href="thelounge.webmanifest" />
|
|
|
|
<!-- iPhone 4, iPhone 4s, iPhone 5, iPhone 5c, iPhone 5s, iPhone 6, iPhone 6s, iPhone 7, iPhone 7s, iPhone8 -->
|
|
<link rel="apple-touch-icon" sizes="120x120" href="img/logo-grey-bg-120x120px.png" />
|
|
<!-- iPad and iPad mini @2x -->
|
|
<link rel="apple-touch-icon" sizes="152x152" href="img/logo-grey-bg-152x152px.png" />
|
|
<!-- iPad Pro -->
|
|
<link rel="apple-touch-icon" sizes="167x167" href="img/logo-grey-bg-167x167px.png" />
|
|
<!-- iPhone X, iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/logo-grey-bg-180x180px.png" />
|
|
|
|
<!-- Windows 8/10 - Edge tiles -->
|
|
<meta name="application-name" content="The Lounge" />
|
|
<meta name="msapplication-TileColor" content="<!--thelounge-themecolor-->" />
|
|
<meta name="msapplication-square70x70logo" content="img/logo-grey-bg-120x120px.png" />
|
|
<meta name="msapplication-square150x150logo" content="img/logo-grey-bg-152x152px.png" />
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="<!--thelounge-themecolor-->" />
|
|
</head>
|
|
<body class="<!--thelounge-bodyclass-->" data-transports="<!--thelounge-transports-->">
|
|
<div id="app"></div>
|
|
<div id="loading">
|
|
<div class="window">
|
|
<div id="loading-status-container">
|
|
<img
|
|
src="img/logo-vertical-transparent-bg.svg"
|
|
class="logo"
|
|
alt=""
|
|
width="256"
|
|
height="170"
|
|
/>
|
|
<img
|
|
src="img/logo-vertical-transparent-bg-inverted.svg"
|
|
class="logo-inverted"
|
|
alt=""
|
|
width="256"
|
|
height="170"
|
|
/>
|
|
<noscript
|
|
><p>
|
|
The Lounge requires a modern browser with JavaScript enabled.
|
|
</p></noscript
|
|
>
|
|
<p id="loading-page-message" style="display: none">Loading the app…</p>
|
|
</div>
|
|
<div id="loading-reload-container">
|
|
<p id="loading-slow">
|
|
This is taking longer than it should, there might be connectivity issues.
|
|
</p>
|
|
<button id="loading-reload" class="btn">Reload page</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/loading-error-handlers.js"></script>
|
|
<script type="module" src="js/vue.ts"></script>
|
|
</body>
|
|
</html>
|