optimizing loading times
- reducing the waterfall for JavaScript - making the throbber appear properly if not all CSS is loaded; fonts.css and index.css are made non render-blocking
This commit is contained in:
parent
b4acab2c9c
commit
f78f3136d9
1 changed files with 12 additions and 2 deletions
|
@ -7,8 +7,6 @@
|
|||
<title>rakugaki</title>
|
||||
|
||||
<link rel="stylesheet" href="{{ static 'base.css' }}">
|
||||
<link rel="stylesheet" href="{{ static 'fonts.css' }}">
|
||||
<link rel="stylesheet" href="{{ static 'index.css' }}">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
@ -27,13 +25,20 @@
|
|||
import "rkgk/brush-editor.js";
|
||||
import "rkgk/brush-preview.js";
|
||||
import "rkgk/canvas-renderer.js";
|
||||
import "rkgk/code-editor.js";
|
||||
import "rkgk/connection-status.js";
|
||||
import "rkgk/context-menu.js";
|
||||
import "rkgk/framework.js";
|
||||
import "rkgk/haku.js";
|
||||
import "rkgk/online-users.js";
|
||||
import "rkgk/painter.js";
|
||||
import "rkgk/random.js";
|
||||
import "rkgk/resize-handle.js";
|
||||
import "rkgk/reticle-renderer.js";
|
||||
import "rkgk/session.js";
|
||||
import "rkgk/throbber.js";
|
||||
import "rkgk/viewport.js";
|
||||
import "rkgk/wall.js";
|
||||
import "rkgk/welcome.js";
|
||||
import "rkgk/zoom-indicator.js";
|
||||
|
||||
|
@ -55,6 +60,11 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<!-- We shouldn't consider these stylesheets render-blocking.
|
||||
About the only render-blocking thing on the page is the throbber. -->
|
||||
<link rel="stylesheet" href="{{ static 'fonts.css' }}">
|
||||
<link rel="stylesheet" href="{{ static 'index.css' }}">
|
||||
|
||||
<main>
|
||||
<rkgk-canvas-renderer class="fullscreen"></rkgk-canvas-renderer>
|
||||
<rkgk-reticle-renderer class="fullscreen"></rkgk-reticle-renderer>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue