Speedup Lizmap Html page loading by adding preload link

Documentation about preload link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload

Author: rldhont

lizmap/app/responses/AbstractLizmapHtmlResponse.php

@@ -16,6 +16,24 @@ class AbstractLizmapHtmlResponse extends jResponseHtml
 {
     protected $CSPPropName = 'mapCSPHeader';
 
+    protected function outputJsScriptTag($fileUrl, $scriptParams)
+    {
+        echo '<link rel="preload" href="',htmlspecialchars($fileUrl),'" as="script" ',$this->_endTag;
+        parent::outputJsScriptTag($fileUrl, $scriptParams);
+    }
+
+    protected function outputCssLinkTag($fileUrl, $cssParams)
+    {
+        echo '<link rel="preload" href="',htmlspecialchars($fileUrl),'" as="style" ',$this->_endTag;
+        parent::outputCssLinkTag($fileUrl, $cssParams);
+    }
+
+    protected function outputIconLinkTag($fileUrl, $iconParams)
+    {
+        echo '<link rel="preload" href="',htmlspecialchars($fileUrl),'" as="image" ',$this->_endTag;
+        parent::outputIconLinkTag($fileUrl, $iconParams);
+    }
+
     protected function prepareHeadContent()
     {
         $bp = jApp::urlBasePath();
@@ -64,8 +82,44 @@ public function addJsVariables(array $variables)
         $this->jsVarData = array_merge($this->jsVarData, $variables);
     }
 
+    protected $preloadLink = array();
+
+    public function addPreloadLink($href, $as, $type = null)
+    {
+        $this->preloadLink[] = array(
+            'href' => $href,
+            'as' => $as,
+            'type' => $type,
+        );
+    }
+
     protected function doAfterActions()
     {
-        $this->addHeadContent('<script id="lizmap-vars" type="application/json">'.json_encode($this->jsVarData).'</script>');
+        $this->addHeadContent('<!-- Start preload -->');
+        // Preload links
+        // css link
+        /*foreach ($this->webAssetsSelection->getCssLinks() as $src) {
+            $this->addHeadContent('<link rel="preload" href="'.$src[0].'" as="style">');
+        }
+        foreach ($this->_CSSLink as $src => $params) {
+            $this->addHeadContent('<link rel="preload" href="'.$src.'" as="style">');
+        }
+        // js link
+        foreach ($this->webAssetsSelection->getJsLinks() as $src) {
+            $this->addHeadContent('<link rel="preload" href="'.$src[0].'" as="script">');
+        }
+        foreach ($this->_JSLink as $src => $params) {
+            $this->addHeadContent('<link rel="preload" href="'.$src.'" as="script">');
+        }
+        // others links
+        foreach ($this->_Link as $href => $params) {
+            $this->addHeadContent('<link rel="preload" href="'.$href.'" as="'.$params[0].'"'.($params[1] ? ' type="'.$params[1].'"' : '').'>');
+        }*/
+        // other preload links
+        foreach ($this->preloadLink as $link) {
+            $this->addHeadContent('<link rel="preload" href="'.$link['href'].'" as="'.$link['as'].'"'.($link['type'] ? ' type="'.$link['type'].'"' : '').'>');
+        }
+        $this->addHeadContent('<!-- End preload -->');
+        $this->addHeadContent('<script id="lizmap-vars" type="application/json">'.json_encode($this->jsVarData).'</script>'."\n");
     }
 }