동영상 컨텐츠 분석

• 홈페이지에 사용된 동영상은 메인 페이지에 배경으로 등장하는 동영상 하나임
• Network 패널에서 동영상이 다운로드되는 과정을 살펴보겠음

• Network 패널 기록에서도 볼 수 있듯이 동영상 파일은 이미지처럼 하나의 요청으로 모든 영상을 다운로드하지 않음
• 동영상 콘텐츠의 특성상 파일 크기가 크기 때문에 당장 재생이 필요한 앞부분을 먼저 다운로드한 뒤 순차적으로 나머지 내용을 다운로드함 그래서 동영상 콘텐츠의 다운로드 요청이 여러 개로 나뉘어 있는 것임
• 하지만 아무리 여러 번 나눠서 다운로드를 해도 애초에 도영상 파일이 크다 보니 동영상을 재생하기까지 꽤 오래 걸림

• performance 패널을 통해 확인해 보면 일정 시간 동안 동영상 컨텐츠가 다운로드되고, 그 이후에야 재생이 되는 것을 볼 수 있음
• assets 폴더에 있는 동영상 파일을 확인해 보면 파일 크기가 무려 54MB인 것을 알 수 있음. 웹에서 사용하기에는 너무 큼. 따라서 이 동영상 콘텐츠를 최적화하여 더욱 빠르게 재생되도록 만들어 볼 것임

동영상 압축

• 동영상 최적화는 이미지 최적화와 비슷함
• 동영상의 가로와 세로 사이즈를 줄이고, 압축 방식을 변경하여 동영상의 용량을 줄일 것임
• 물론, 동영상에는 프레임 레이트(frame rate) 등 이미지보다는 좀 더 복잡한 설정이 있지만, 완전히 동영상에 특화된 서비스를 개발하지 않는 이상 그 정도까지 알 필요는 없음
• 여기서는 단순하게 동영상을 압축하는 툴을 활용하여 최적화할 것임
• 주의해야 할 점은 지금 하려는 최적화 작업, 즉 동영상을 더 작은 사이즈로 압축하는 작업은 동영상의 화질을 낮추는 작업이라는 점임. 따라서 동영상이 서비스의 메인 콘텐츠라면 이 작업을 추천하지 않음. 하지만 동영상이 메인 콘텐츠가 아닌 서비스에서는 이 최적화 기법을 적용해도 무방함
• 이 장에서는 동영상 최적화 서비스를 제공하는 온라인 사이트를 이용하지만, 컴퓨터에 있는 동영상 편집 프로그램으로 동영상을 압축해도 좋음