optiimise

Author: alextseni

package.json

@@ -9,7 +9,9 @@
     "start": "webpack serve --mode development --open",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,scss}\"",
     "lint": "npm run format && eslint \"src/**/*.{ts,tsx}\" --fix",
-    "compress-images": "node scripts/compress-images.js"
+    "compress-images": "node scripts/compress-images.js",
+    "analyze": "webpack --mode production --profile --json > stats.json",
+    "analyze:visualize": "webpack-bundle-analyzer stats.json dist"
   },
   "dependencies": {
     "chart.js": "^4.5.1",

public/index.html

@@ -9,9 +9,12 @@
       content="A toolkit with exercises and activities to help you on your personal development and growth."
     />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
+    <link rel="dns-prefetch" href="https://umami.kutavi.org" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Nunito&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap"
       rel="stylesheet"
     />
     <script defer src="https://umami.kutavi.org/script.js" data-website-id="6876f6e2-d053-47d6-93e6-23cb73ab499f"></script>

src/assets.d.ts

@@ -1,4 +1,4 @@
-declare module '*.png' {
+declare module '*.webp' {
   const value: string;
   export = value;
 }