Преглед изворни кода

Defer loading of stylesheet

sbkwgh пре 7 година
родитељ
комит
baf0ab094e
2 измењених фајлова са 8 додато и 1 уклоњено
  1. 0 1
      frontend/index.html
  2. 8 0
      frontend/src/main.js

+ 0 - 1
frontend/index.html

@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/default.min.css">
   </head>
   <body>
     <div id="app"></div>

+ 8 - 0
frontend/src/main.js

@@ -10,6 +10,14 @@ socket.on('disconnect', () => {
 	} );
 })
 
+window.onload = () => {
+	let div = document.createElement('div');
+	div.innerHTML = 
+		`<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/default.min.css">`;
+
+    document.head.append(...div.children);
+}
+
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Vuex from 'vuex'