perf: preload _locales/en/messages.json so we don't have to wait as…

… long for our JS to dynamically load it (#26556) We always load the English version of `messages.json`. This PR makes use of link `rel=preload` so that the browser will get the file ready for use immediately -- well before our JavaScript file that will eventually need it asks for it. This reduces the amount of waiting due to Network Waterfall (even if the network is the local file system).
MetaMask · Sep 18, 2024 · f06b7a0 · f06b7a0
1 parent 107f8da
commit f06b7a0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/app/home.html b/app/home.html
@@ -8,6 +8,7 @@
     <% } else { %>
     <title>MetaMask</title>
     <% } %>
+    <link rel="preload" href="/_locales/en/messages.json" as="fetch" crossorigin="anonymous" />
     <link rel="stylesheet" href="../ui/css/index.scss">
   </head>
   <body>

diff --git a/app/notification.html b/app/notification.html
@@ -32,6 +32,7 @@
         margin-top: 1rem;
       }
     </style>
+    <link rel="preload" href="/_locales/en/messages.json" as="fetch" crossorigin="anonymous" />
     <link rel="stylesheet" href="../ui/css/index.scss" />
   </head>
   <body class="notification">

diff --git a/app/popup.html b/app/popup.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <title>MetaMask</title>
+    <link rel="preload" href="/_locales/en/messages.json" as="fetch" crossorigin="anonymous" />
     <link rel="stylesheet" href="../ui/css/index.scss" />
   </head>
   <body style="width:357px; height:600px;">