optimizacija strani

index.html

@@ -3,10 +3,23 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Kontakt - Prosberry</title>
-    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <title>Prosberry - Medkulturno izobraževanje in podpora</title>
+    <meta name="description" content="Prosberry je vaš medkulturni kotiček za učenje angleščine, razumevanje medkulturnih odnosov in osebno rast. Nudimo delavnice, medkulturno posredovanje in individualno podporo.">
+    <meta name="keywords" content="učenje angleščine, medkulturno posredovanje, delavnice za otroke, delavnice za starše, delavnice za šole, Amra Kurešepi Zulji, Prosberry">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/">
+    <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="preload" as="image" href="/assets/images/amra.webp" imagesrcset="/assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w" imagesizes="(max-width: 767px) 100vw, 50vw">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"></noscript>
+    <link rel="preload" href="https://unpkg.com/aos@next/dist/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"></noscript>
     <link rel="stylesheet" href="/css/style.css">
-    <link rel="stylesheet" href="/css/animations.css">
 </head>
 <body>
 <header class="main-header">
@@ -14,8 +27,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" srcset="/assets/images/logo-100w.webp 100w, /assets/images/logo-200w.webp 200w, /assets/images/logo-400w.webp 400w, /assets/images/logo.webp 1500w">
                     </picture>
                 </a>
             </div>
@@ -129,7 +142,7 @@
                 <h1>Dobrodošli v našem medkulturnem kotičku…</h1>
                 <p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
                 <div class="hero-info-box">
-                    <h3>Zakaj PROSBERRY?</h3>
+                    <h2>Zakaj PROSBERRY?</h2>
                     <p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
                     <p><strong>BERRY</strong> predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.</p>
                     <p>Tudi v jeziku in med ljudmi rastemo vsak po svoje – z različnimi potrebami, ozadji in cilji.</p>
@@ -137,7 +150,7 @@
                 </div>
             </div>
             <div class="hero-new-image" data-aos="fade-left">
-                <img src="assets/images/amra.png" alt="Amra Kurešepi Zulji">
+                <img src="assets/images/amra.webp" alt="Amra Kurešepi Zulji" width="1544" height="1920" fetchpriority="high" srcset="/assets/images/amra-320w.webp 320w, /assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w">
             </div>
         </div>
         <!-- Dekorativni elementi v ozadju -->
@@ -177,7 +190,7 @@
     <section class="about-amra-intro">
         <div class="about-amra-wrapper" data-aos="fade-up">
             <div class="about-amra-image">
-                <img src="assets/images/amra2.png" alt="Amra Kurešepi Zulji" loading="lazy">
+                <img src="assets/images/amra2.webp" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="480" height="503">
             </div>
             <div class="about-amra-content">
                 <p>Sem Amra – mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na zanimivi poti učenja in odkrivanja novih svetov.</p>
@@ -217,8 +230,7 @@
     </div>
 </footer>
 
-<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-<script src="js/main.js"></script>
-<script src="js/animations.js"></script>
+<script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+<script src="js/main.js" defer></script>
 </body>
 </html>