haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(css): load css before js 

Currently all.css is loaded after app.js. This means there may
not be a guarantee that the css is loaded before the js, which
is bad because the js does dom querying for sizes on elements,
but some element sizes will be affected by js. So instead load
css upfront and let the browser block as needed or at least
give the css a head start in racing javascript to load.
This commit is contained in:
Leonard Kim 2017-11-28 11:05:40 -08:00 committed by yanas
parent b258a9fc5e
commit b74b29e8a0
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -4,6 +4,9 @@
<meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--#include virtual="base.html" --> <!--#include virtual="base.html" -->
<link rel="stylesheet" href="css/all.css">
<script> <script>
window.indexLoadedTime = window.performance.now(); window.indexLoadedTime = window.performance.now();
console.log("(TIME) index.html loaded:\t", indexLoadedTime); console.log("(TIME) index.html loaded:\t", indexLoadedTime);
@ -134,7 +137,6 @@
<script src="libs/lib-jitsi-meet.min.js?v=139"></script> <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
<script src="libs/app.bundle.min.js?v=139"></script> <script src="libs/app.bundle.min.js?v=139"></script>
<!--#include virtual="title.html" --> <!--#include virtual="title.html" -->
<link rel="stylesheet" href="css/all.css">
<!--#include virtual="plugin.head.html" --> <!--#include virtual="plugin.head.html" -->
</head> </head>
<body> <body>

4
static/deviceSelectionPopup.html
View File

@ -4,6 +4,9 @@
<meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../" /> <base href="../" />
<link rel="stylesheet" href="css/all.css">
<!--#include virtual="/title.html" --> <!--#include virtual="/title.html" -->
<script><!--#include virtual="/interface_config.js" --></script> <script><!--#include virtual="/interface_config.js" --></script>
<script> <script>
@ -11,7 +14,6 @@
</script> </script>
<script src="libs/lib-jitsi-meet.min.js?v=139"></script> <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
<script src="libs/device_selection_popup_bundle.min.js?v=1"></script> <script src="libs/device_selection_popup_bundle.min.js?v=1"></script>
<link rel="stylesheet" href="css/all.css">
</head> </head>
<body> <body>
<div id="react"></div> <div id="react"></div>