optimizacija strani

kdo-sem/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kdo sem - Prosberry</title>
+    <meta name="description" content="Spoznajte Amro Kurešepi Zulji, ustanoviteljico Prosberry. Odkrijte njeno osebno zgodbo, izkušnje z večjezičnostjo in strast do podpore posameznikom pri učenju jezikov in medkulturnem razumevanju.">
+    <meta name="keywords" content="Amra Kurešepi Zulji, Prosberry, o meni, medkulturna mediatorka, profesorica angleščine, osebna rast, zgodba o uspehu">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/kdo-sem/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.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://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -133,7 +144,7 @@
                     <div class="image-frame">
                         <picture>
                             <source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
-                            <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji">
+                            <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="1600" height="900">
                         </picture>
                     </div>
                 </div>
@@ -195,9 +206,8 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
     <script src="../js/main.js"></script>
-    <script src="../js/animations.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const toggles = document.querySelectorAll('.about-accordion-toggle');