λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
openipc.kr
SEO

[ 검색엔진 μ΅œμ ν™” ] 이미지 λ‘œλ”© 속도에 μš°μ„  μˆœμœ„λ₯Ό μ œμ–΄ν•˜λŠ” fetchpriority μ†Œκ°œ


λ°˜μ‘ν˜•

fetchpriority둜 이미지 μš°μ„  λ‘œλ”© μ„€μ •ν•˜κΈ°

이미지 λ‘œλ”© μš°μ„ μˆœμœ„ μ„€μ •μœΌλ‘œ SEO μ΅œμ ν™”ν•˜κΈ°

검색엔진 μ΅œμ ν™” μž‘μ—…μ€‘ [ 이미지 λ‘œλ”© 속도 ]λ₯Ό λΉ λ₯΄κ²Œ ν•˜λŠ” κ°„λ‹¨ν•œ νƒœκ·Έ μš”μ†Œμ— λŒ€ν•œ μ‚¬μš© 방법과 μ„€λͺ…μž…λ‹ˆλ‹€

검색 μ΅œμ ν™” μž‘μ—…μ€‘μ—μ„œ μ΄λ―Έμ§€μ˜ λ‘œλ”© μ†λ„λŠ” 큰 영ν–₯을 μ£ΌλŠ” μš”μ†Œμ€‘ ν•˜λ‚˜ μž…λ‹ˆλ‹€. μ΄λ―Έμ§€λŠ” ν…μŠ€νŠΈ 기반의 νŽ˜μ΄μ§€μ—μ„œ 특히 μ†λ„λΆ€λΆ„μ—μ„œ 영ν–₯을 많이 미치기 λ•Œλ¬Έμ— μ΄λ―Έμ§€μ˜ λ‘œλ”©μ΄ μ‹œμŠ€ν…œ 전체 속도에 영ν–₯을 μ€λ‹ˆλ‹€.

이미지λ₯Ό μ΅œμ ν™” ν•˜κ±°λ‚˜ μš©λŸ‰μ„ μ€„μ—¬μ„œ 검색 μ΅œμ ν™” 속도에 이미지가 λ―ΈμΉ˜λŠ” 영ν–₯을 μ΅œμ†Œν™” ν• μˆ˜λ„ 있으면 μ΄λŸ¬ν•œ 방법에 λ”λΆˆμ–΄ μ›Ή λΈŒλΌμš°μ €μ—κ²Œ 이미지에 μš°μ„ μˆœμœ„λ₯Ό 지정해주어 이미지λ₯Ό λ¨Όμ € λ‘œλ”©μ‹œν‚€λŠ” 방법이 μžˆμŠ΅λ‹ˆλ‹€. 검색 μ΅œμ ν™” 속도을 ν–₯μƒμ‹œν‚€κΈ° μœ„ν•΄ 이미지에 μ œμ–΄ν•΄ μ€„μˆ˜ μžˆλŠ” 속성쀑 이미지 속성 fetchpriority 에 λŒ€ν•œ μ„€λͺ…μž…λ‹ˆλ‹€.

SEO μ΅œμ ν™”λ₯Ό μœ„ν•œ 이미지 λ‘œλ”© μš°μ„ μˆœμœ„ μ„€μ • 방법

fetchpriority μ‚¬μš© 방법

fetchpriority 속성은 λΈŒλΌμš°μ €κ°€ 이미지λ₯Ό λ‘œλ“œ ν• μ‹œ μš°μ„ μˆœμœ„λ₯Ό μ„€μ •ν•΄ μ€λ‹ˆλ‹€.

이 νƒœκ·ΈλŠ” preload와 λ³‘ν–‰ν•΄μ„œ μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ©° 지정을 ν•œ 이미지가 λ‹€λ₯Έ μš”μ†Œλ³΄λ‹€ λ¨Όμ € λ‘œλ“œ λ˜λ„λ‘ ν•©λ‹ˆλ‹€. 첫 μŠ€ν¬λ¦°μ— λ…ΈμΆœλ˜λŠ” μ΄λ―Έμ§€λŠ” 검색 μ΅œμ ν™” μ†λ„μ˜ μΈ‘μ • μš”μ†Œκ°€ 되기 λ•Œλ¬Έμ— λ…ΈμΆœ μˆœμ„œμ— μ˜ν•΄ 지정해야 ν•˜λ©° 첫 λ·°ν¬μΈνŠΈμ—μ„œ λ²—μ–΄λ‚œ μ΄λ―Έμ§€λŠ” 선택적 λ‘œλ”©μ„ 톡해 속도λ₯Ό μ œμ–΄ν•΄μ„œ 전체 λ‘œλ”© 속도λ₯Ό μ‘°μ ˆν• μˆ˜ μžˆμŠ΅λ‹ˆλ‹€.

첫 뷰포인트의 μ΄λ―Έμ§€λŠ” κ·Έ νŽ˜μ΄μ§€μ— λ…ΈμΆœ λΆ€λΆ„μ—μ„œ κ°€μž₯ λ¨Όμ € λ…ΈμΆœμ΄ λ˜λŠ” μ€‘μš”ν•œ μ΄λ―Έμ§€λΌμ„œ 이 이미지가 λ¨Όμ € λ‘œλ”©λ˜κ²Œ 이미지에 fetchpriority 속성을 지정해 μ£Όμ‹œλ©΄ λ©λ‹ˆλ‹€. ꡬ λ²„μ „μ˜ λΈŒλΌμš°μ €μ—μ„œλŠ” 이 속성이 λ¬΄μ‹œλ μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.



이미지 λ‘œλ”©μ†λ„ μ œμ–΄μ†μ„±
이미지 λ‘œλ”©μ†λ„ μ œμ–΄μ†μ„±

βœ” μ˜ˆμ‹œ

이미지 λ‘œλ”© 속도 μ œμ–΄ νƒœκ·Έ μ˜ˆμ‹œ
이미지 λ‘œλ”© 속도 μ œμ–΄ νƒœκ·Έ μ˜ˆμ‹œ

λ°˜μ‘ν˜•