cbf7c2c605
Looking at the waterfall of fonts/images/etc. we wanted the "Loading assets..." bit to commence earlier so it's not fighting for bandwidth with the icons loading all at the same time. This writes to the index.html file to start preloading the fonts we need. ### Change Type <!-- ❗ Please select a 'Scope' label ❗️ --> - [ ] `sdk` — Changes the tldraw SDK - [x] `dotcom` — Changes the tldraw.com web app - [ ] `docs` — Changes to the documentation, examples, or templates. - [ ] `vs code` — Changes to the vscode plugin - [ ] `internal` — Does not affect user-facing stuff <!-- ❗ Please select a 'Type' label ❗️ --> - [ ] `bugfix` — Bug fix - [ ] `feature` — New feature - [x] `improvement` — Improving existing features - [ ] `chore` — Updating dependencies, other boring stuff - [ ] `galaxy brain` — Architectural changes - [ ] `tests` — Changes to any test code - [ ] `tools` — Changes to infrastructure, CI, internal scripts, debugging tools, etc. - [ ] `dunno` — I don't know ### Release Notes - Perf: improve font loading timing on dotcom. --------- Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
|
|
<link rel="manifest" href="/manifest.webmanifest" />
|
|
|
|
<meta name="referrer" content="strict-origin-when-cross-origin" />
|
|
<meta name="theme-color" content="#FFFFFF" data-rh="true" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="application-name" content="tldraw" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="tldraw" />
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#FFFFFF" />
|
|
|
|
<meta name="description" content="A free and instant collaborative whiteboarding tool." />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="msapplication-config" content="browserconfig.xml" />
|
|
<meta name="msapplication-TileColor" content="#FFFFFF" />
|
|
<meta name="msapplication-tap-highlight" content="no" />
|
|
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.svg" />
|
|
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.svg" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.svg" />
|
|
|
|
<!-- $PRELOADED_FONTS -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:url" content="https://www.tldraw.com/" />
|
|
<meta name="twitter:title" content="tldraw" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="A free and instant collaborative whiteboarding tool."
|
|
/>
|
|
<meta name="twitter:image" content="https://www.tldraw.com/social-twitter.png" />
|
|
<meta name="twitter:creator" content="@tldraw" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="tldraw" />
|
|
<meta
|
|
property="og:description"
|
|
content="A free and instant collaborative whiteboarding tool."
|
|
/>
|
|
<meta property="og:site_name" content="tldraw" />
|
|
<meta property="og:url" content="https://www.tldraw.com/" />
|
|
<meta property="og:image" content="https://www.tldraw.com/social-og.png" />
|
|
<title>tldraw</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="root" class="site-wrapper"></div>
|
|
<script type="module" src="./src/main.tsx"></script>
|
|
<noscript>You need to enable JavaScript to run tldraw. ✌️</noscript>
|
|
</body>
|
|
</html>
|