디자이너를 위한 웹 성능 최적화 기법
도서+교보Only(교보배송)을 함께 15,000원 이상 구매 시 무료배송
15,000원 미만 시 2,500원 배송비 부과
20,000원 미만 시 2,500원 배송비 부과
15,000원 미만 시 2,500원 배송비 부과
1Box 기준 : 도서 10권
알림 신청하시면 원하시는 정보를
받아 보실 수 있습니다.
해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
패키지
북카드
키워드 Pick
키워드 Pick 안내
관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.
작가정보
저자(글) 라라 칼렌더 호건
저자 라라 칼렌더 호건((Lara Callender Hogan)은 엣시(Etsy) 성능 팀의 수석 엔지니어링 관리자다. 전에는 같은 회사에서 모바일 웹 엔지니어링 팀을 관리했다. 엣시에서 일하기 전에는 여러 스타트업 회사에서 사용자 경험 매니저와 (독학해서) 프론트엔드 개발자로 일했다.
번역 정용식
역자 정용식은 2007년부터 삼성전자에서 소프트웨어 개발자로 근무하고 있다. 프린터 서버 솔루션을 거쳐 현재는 안드로이드 서비스를 만들고 있다. 다양한 분야에 관심이 많고 또한 다양한 사람을 만나 대화 나누는 것을 좋아한다. 현재 아름다운 아내, 그리고 아내의 눈을 쏙 빼 닮은 아들과 함께 칠보산 자락에 살고 있다. 번역서로는 『웹 개발 레시피』(인사이트)가 있다.
목차
- 1장 성능이 곧 사용자 경험이다
사용자 경험이 사이트의 인상에 미치는 영향
- 재방문하는 사용자
- 검색엔진 순위
모바일 사용자에게 미치는 영향
- 모바일 네트워크
- 모바일 사용 패턴
- 모바일 하드웨어
디자이너가 성능에 미치는 영향
2장 페이지 속도의 원리
브라우저가 콘텐츠를 렌더링하는 방법
- 요청
- 연결
페이지 크기
체감 성능
- 중요 렌더링 경로
- 쟁크
페이지 속도에 영향을 미치는 다른 요소
- 지리
- 네트워크
- 브라우저
3장 이미지 최적화
이미지 포맷 고르기
- JPEG
- GIF
- PNG
- 추가 압축
이미지 요청 대체하기
- 스프라이트
- CSS3
- 데이터 URI와 베이스64로 인코딩한 이미지
- SVG
이미지 최적화를 위한 계획 수립과 수행
- 정기 검사 일정 잡기
- 스타일 가이드 만들기
- 다른 이미지 제작자 멘토링하기
4장 마크업과 스타일 최적화
HTML 청소하기
- 디비티스
- 문맥 기반
- 접근성
- 프레임워크와 그리드
CSS 정리하기
- 사용하지 않는 스타일
- 스타일을 합치고 줄이기
- 스타일시트 이미지 정리하기
- 특이성 제거하기
웹 글꼴 최적화
재사용할 수 있는 마크업 만들기
- 스타일 가이드
마크업에 대한 추가 고려사항
- CSS와 자바스크립트 로딩
- 최소화와 GZIP
- 자원 캐싱하기
5장 반응형 웹 디자인
전략적 콘텐츠 로딩
- 이미지
- 글꼴
접근 방법
- 프로젝트 문서화
- 모바일 퍼스트
- 모든 것 측정하기
6장 반복적 성능 측정
브라우저 도구
- 와이슬로우
- 크롬 개발자 도구
모의 테스트
실제 사용자 모니터링
시간에 따른 변화
7장 아름다움과 성능 사이
균형 찾기
성능 작업을 워크플로의 일부로 만들기
성능 예산을 이용해 새로운 디자인 시도하기
성능을 염두에 두며 디자인 실험하기
8장 조직 문화 바꾸기
성능 경찰과 성능 문지기
상향식 관리
- 비즈니스 지표에 미치는 영향
- 사이트 속도 체감하기
디자이너, 개발자와 일하기
- 교육하기
- 역량 강화
출판사 서평
성능과 디자인은 별개의 것이 아니다. 최고의 성능이 곧 좋은 디자인이다!
“사이트를 아름답게 만들기 위한 선택들이 성능에 얼마나 영향을 미치는지, 모바일 네트워크의 느린 속도가 사이트의 사용자 경험을 어떻게 저하시키는지 궁금했다면 이 책을 읽어보라. 이 책은 성능에 대한 의식을 높이기 위해 회사 내부에서 실행 가능한 전략뿐 아니라 성능 향상을 위해 개선해야 할 곳을 측정하고 변화시키는 데 도움이 되는 도구를 알려준다. 최고의 성능이 곧 좋은 디자인이다.”
- 제이슨 허프(Jason Huff), 엣시(Etsy) 제품 디자인 관리자
디자이너라면 아름다움과 성능 사이에서 선택의 순간을 만나게 된다. 좋은 내용과 레이아웃, 이미지, 상호작용은 사용자를 매료시키는 핵심적 요소이며 각각의 요소는 페이지 로딩 시간과 최종 사용자 경험에 막대한 영향을 미친다. 이 책은 중요한 디자인 결정을 위한 테스트와 벤치마크 방법, 페이지 속도를 고려해 프로젝트에 접근하는 방법을 실제 사례 중심으로 소개하고 있다.
여러분이 HTML과 CSS, 포토샵의 기초만 알고 있다면 이 책을 읽는 데 어려움이 없다.
이 책에서 다루는 내용
. 페이지 로딩 시간이 사이트와 사이트의 이미지, 사이트 사용자에게 미치는 영향
. 페이지 속도의 기초, 브라우저가 콘텐츠를 가져오고 렌더링하는 방법
. 이미지 최적화와 이미지 로딩의 모범 사례
. HTML, CSS를 정리하는 방법과 웹 글꼴 최적화 방법
. 모바일 퍼스트 디자인으로 단계별 성능 목표 달성하기
. 사이트의 발전에 따라 다양한 도구를 이용해 성능 측정하기
. 성능을 우선하는 조직문화 만들기
기본정보
ISBN | 9788966261772 | ||
---|---|---|---|
발행(출시)일자 | 2016년 02월 01일 | ||
쪽수 | 196쪽 | ||
크기 |
172 * 225
* 12
mm
/ 419 g
|
||
총권수 | 1권 | ||
원서명/저자명 | Designing for Performance/Hogan, Lara Callender |
Klover
e교환권은 적립 일로부터 180일 동안 사용 가능합니다.
리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 리뷰 종류별로 구매한 아이디당 한 상품에 최초 1회 작성 건들에 대해서만 제공됩니다.
판매가 1,000원 미만 도서의 경우 리워드 지급 대상에서 제외됩니다.
일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
- 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
- 도서와 무관한 내용의 리뷰
- 인신공격이나 욕설, 비속어, 혐오발언이 개재된 리뷰
- 의성어나 의태어 등 내용의 의미가 없는 리뷰
리뷰는 1인이 중복으로 작성하실 수는 있지만, 평점계산은 가장 최근에 남긴 1건의 리뷰만 반영됩니다.
구매 후 리뷰 작성 시, e교환권 200원 적립
문장수집
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
구매 후 리뷰 작성 시, e교환권 100원 적립