⚡ 优化资源加载, 并行加载异步资源 (#574)

Author: zhangenming

src/app/service/service_worker/resource.ts

@@ -50,10 +50,16 @@ export class ResourceService {
   }
 
   public async getScriptResources(script: Script, load: boolean): Promise<{ [key: string]: Resource }> {
+    const [require, require_css, resource] = await Promise.all([
+      this.getResourceByType(script, "require", load),
+      this.getResourceByType(script, "require-css", load),
+      this.getResourceByType(script, "resource", load),
+    ]);
+
     return {
-      ...((await this.getResourceByType(script, "require", load)) || {}),
-      ...((await this.getResourceByType(script, "require-css", load)) || {}),
-      ...((await this.getResourceByType(script, "resource", load)) || {}),
+      ...require,
+      ...require_css,
+      ...resource,
     };
   }
 
@@ -97,10 +103,17 @@ export class ResourceService {
 
   // 更新资源
   async checkScriptResource(script: Script) {
+    const [require, require_css, resource] = await Promise.all([
+      this.checkResourceByType(script, "require"),
+      this.checkResourceByType(script, "require-css"),
+      this.checkResourceByType(script, "resource"),
+    ]);
+
+    // wait https://github.com/tc39/proposal-await-dictionary
     return {
-      ...((await this.checkResourceByType(script, "require")) || {}),
-      ...((await this.checkResourceByType(script, "require-css")) || {}),
-      ...((await this.checkResourceByType(script, "resource")) || {}),
+      ...require,
+      ...require_css,
+      ...resource,
     };
   }