Merge pull request #171 from mismith0227/feature/lighthouse

画像サイズ修正
mismith0227 · Jul 2, 2023 · 10ad986 · 10ad986 · vercel · Jul 2, 2023
2 parents 179b673 + 9e14a1e
commit 10ad986
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/pages/HomeContainer/index.tsx b/components/pages/HomeContainer/index.tsx
@@ -44,7 +44,7 @@ export const HomeContainer = ({ data }: Props) => {
             <div key={item.id} className="keen-slider__slide">
               <StyledImage
                 key={item.id}
-                src={`${item.image.url}?fm=webp`}
+                src={`${item.image.url}?fit=clip&w=1400&h=1400?fm=webp`}
                 alt={item.title || ''}
                 width={item.image.width}
                 height={item.image.height}

diff --git a/components/pages/PhotoContainer/index.tsx b/components/pages/PhotoContainer/index.tsx
@@ -65,7 +65,7 @@ export const PhotoContainer = ({ data }: Props) => {
         columns={{ xs: 1, sm: 2, md: 3 }}
         spacing={{ xs: 1, sm: 2, md: 3 }}
       >
-        {data.map((item) => (
+        {data.map((item, index) => (
           <ImageWrap
             key={item.id}
             onClick={() =>
@@ -78,10 +78,11 @@ export const PhotoContainer = ({ data }: Props) => {
             }
           >
             <StyledImage
-              src={`${item.image.url}?w=400?fm=webp`}
+              src={`${item.image.url}?fit=clip&w=800&h=800?fm=webp`}
               alt={item.title || ''}
               width={item.image.width}
               height={item.image.height}
+              loading={index > 6 ? 'lazy' : 'eager'}
             />
           </ImageWrap>
         ))}