Seonglae Cho구식
클릭 가능한 이미지 영역 연산 위치
클릭 가능한 영역이 여러가지 있는 하나의 이미지
Server-side image mapsClient-side image maps[스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드
사용자(End-user) 응답시간의 80%는 초기 로딩부분에서 소요된다. 그 중 대부분의 시간은 모든 페이지 구성요소(images, syltesheets, scripts 등)의 다운로드에 소요된다. 따라서 다운로드 관련 시간을 아끼는 것은 중요하다. 크게 3~4가지의 기준으로 나누어볼 수 있다. 줄이기(용량, 요청), 합치기, 나누기 리소스의 용량을 줄이면 다운로드에 걸리는 시간이 줄고, 해석하는데 시간 또한 줄어들기 때문에 최적화에 이점이 있다.
![[스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드](https://www.notion.so/image/https%3A%2F%2Fblack7375.tistory.com%2Ffavicon.ico?table=block&id=c64a2c97-9972-4765-a714-f9859a1e41d7&cache=v2){kind=small}
https://black7375.tistory.com/73
![[스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드](https://www.notion.so/image/https%3A%2F%2Fimg1.daumcdn.net%2Fthumb%2FR800x0%2F%3Fscode%3Dmtistory2%26fname%3Dhttps%253A%252F%252Fblog.kakaocdn.net%252Fdn%252FsY3oN%252FbtqWW98KX9L%252FKryijCjntvvfNFM6uBCOkk%252Fimg.png?table=block&id=c64a2c97-9972-4765-a714-f9859a1e41d7&cache=v2)
- HTML: Hypertext Markup Language | MDN
HTML 요소는 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/map
- HTML: Hypertext Markup Language | MDN
alt 이미지를 출력하지 않는 브라우저에서 대신 표시할 대안 텍스트입니다. 텍스트의 내용은 대안 텍스트 없이 이미지만 표시할 때와 동일한 수준의 선택지를 나타낼 수 있어야 합니다. 특성이 존재할 경우 필수 사항입니다. referrerpolicy This is an experimental API that should not be used in production code.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/area
