(128 관리 3-2) 웹 성능 저하 원인

 

최근에는 웹기반 서비스의 증가와 모바일 퍼스트(Mobile First)에 따른
웹기반 서비스의 성능관리가 매우 중요하다.
다음에 대하여 설명하시오.

가. 웹 성능저하 요인
나. 프론트-엔드 관점에서의 웹 최적화 방안 6가지

 

멘토링

이런 유형의 문제는 정답이 없습니다. 

그러나, 고득점을 받기 위한 전략적 접근은 존재합니다. 

그것은, 질문을 위한 리딩어와 가, 나의 세부 질문을 연계하여 설명하는 것입니다. 

이 문제에서는
웹 기반 서비스 성능 관리, 웹 성능저하 요인, 프론트-엔드 관점, 웹 최적화 방안을
연계하여 설명하는 것입니다. 

!!!!!!! 중요 !!!!!!!

문제를 보고 하나를 더 유추해야 합니다. 
문제에서 프론트-엔드 관점에서의 웹 최적화 방안을 설명하라고 했는데,
다른 방안도 있을 수 있다는 것을 생각해야 합니다. 

만약 프론트엔드 관점, 백엔드 관점, 프로토콜 관점을 알고
이 문제를 풀이하셨다면
엄청난 고득점을 받을 실 것이 예상됩니다. 

웹 성능 저하 요인을 다양한 관점에서 설명할 수는 있겠지만,
출제자가 원하는 것이 무엇일까를 항상 고민해 봐야 합니다.

감사합니다. 

 

웹 성능 저하 원인 (예시)

 

백엔드 관점, 프로토콜 관점, 프론트엔드 관점에서

웹 페이지 로딩, 웹 페이지 렌더링 지연에 따른 웹 성능 저하,

DNS 조회 지연, 웹 콘텐츠의 낮은 캐싱에 의한 웹 성능 저하, CDN 미사용 등을 

풍부하게 기술하면 좋을 듯 합니다.

 

구분	요소	웹 성능 저하 원인 설명
백엔드 관점	웹 서버, 웹 애플리케이션 서버, 데이터베이스, 로드 밸런싱, DNS 서버	웹 서비스 위한 주요 서버의 하드웨어 자원 부족에 따른 성능 저하 웹 콘텐츠의 낮은 캐싱에 의한 성능 저하
프로토콜 관점	HTTP / HTTPS TCP / IP	프로토콜 전파 및 전송 지연에 따른 웹 성능 저하
프론트엔드 관점	UI / UX HTML, JS, CSS, Image	UI / UX 최적화 미수행으로 인한 웹 성능 저하 웹 페이지 로딩 및 렌더링 지연에 의한 웹 성능 저하 CSS 및 JS의 HTML 내 배치 오류에 의한 웹 성능 저하 이미지 비압축에 의한 웹 성능 저하 스크립트 병합 미수행, 과다 용량등에 의한 웹 성능 저하 등

 

참고 자료

---

웹 성능 관련 많은 글들이 포스팅 되어 있는 블로그를 찾아 공유 드립니다. 

 

[웹에 날개를 달아주는 웹 성능 최적화 기법] 1장. 웹 성능이란 무엇인가? (tistory.com)

[웹에 날개를 달아주는 웹 성능 최적화 기법] 1장. 웹 성능이란 무엇인가?

---

성능 최적화 | TOAST UI :: Make Your Web Delicious!

성능 최적화

---

웹 서비스 퍼포먼스를 향상시키는 법 (tistory.com)

웹 서비스 퍼포먼스를 향상시키는 법

---