eager

tomaskls · Nov 22, 2024 · 4bc3061 · 4bc3061
1 parent 884c970
commit 4bc3061
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/pages/home.jsx b/pages/home.jsx
@@ -24,6 +24,7 @@ export function Home() {
           <meta property="og:url" content="https://www.neringos-siuvimo-studija.lt" />
           <meta property="og:site_name" content="Neringos Siuvimo Studija" />
           <meta property="og:type" content="website" />
+          <link rel="preload"as="image" href="/images/siuvykla_siauliai_750.webp" type="image/webp"/>
         </Helmet>
         <Header />
         <main className={style.merriweatherRegular}>

diff --git a/src/components/about/About.jsx b/src/components/about/About.jsx
@@ -3,12 +3,25 @@ import style from './About.module.css';
 import { useEffect } from 'react';
 
 export const PictureAbout = () => {
-    return (<picture >
-        <source srcSet="images/siuvykla_siauliai_750.webp" media="(max-width: 780px)" />
-        <img width={750} height={1350} className={style.img} src="images/siuvykla_siauliai_900.webp" alt="siuvykla siuvimo studija šiauliuose" />
+    return (<picture>
+        <source
+            srcSet="/images/siuvykla_siauliai_750.webp"
+            media="(max-width: 780px)"
+            type="image/webp"
+        />
+        <img
+            width={750}
+            height={1350}
+            className={style.img}
+            src="/images/siuvykla_siauliai_900.webp"
+            alt="siuvykla siuvimo studija šiauliuose"
+            loading="eager"
+            decoding="async"
+        />
     </picture>
     )
 };
+
 export function About() {
     useEffect(() => {
         window.scrollTo(0, 0);

diff --git a/src/components/contacts/Contacts.module.css b/src/components/contacts/Contacts.module.css
@@ -65,7 +65,7 @@
   .map {
     width: 100%;
     padding: 5px;
-    margin-top: 20px;
+    margin-top: 10px;
   }
   .touched {
     background-color: var(--heading-color);