DEVOCEAN

시작하는 글

안녕하세요 Open Lab 2기 웹 프론트엔드 성능 최적화 스터디 호스트를 맡은 Felix 입니다.

웹 프론트엔드 성능 최적화는 프론트엔드 개발을 하다보면 맞닥뜨릴 수 밖에 없는 건데요.

이 성능 최적화 방법에 대해 스터디하여 각자 개발하는 웹 사이트가 사용자에게 좀 더 빠른 로딩, 렌더링 경험을 제공하기 위한 목적을 가지고 스터디를 열었습니다.

9월 추석전에 첫번째 오프라인 스터디를 진행했고, 저희 스터디는 11분이 참석해주셨는데요.

몇몇 분은 이천, 판교 등 먼 곳에서 오신 분들이 계셔서 감사하기도 했고, 책임감도 많이 생겼었습니다.

모두 프론트엔드 개발자로서 전부 react를 사용하신 개발 경험이 있으셨습니다. 그리고 다른 SPA 프레임워크를 사용하신 경험은 없다는 점이 흥미로웠습니다.

역시 프론트엔드 개발은 React 가 대세라는 걸 다시 한번 느낄 수 있었습니다.

모두 5년차 이하 분들이 스터디에 참여 해주셨고, 3년이하 분들이 반이 조금 넘었습니다.

그리고, 웹 성능 경험은 반정도 있었고, 반정도는 아직 경험이 없으셨습니다. lighthouse와 Google Page Speed Insight에 대한 사용 경험은 6분, 3분 있었습니다.

OT 진행

첫날에는 스터디에 대한 소개와 스터디 진행 방향에 대해서 OT를 진행했습니다.

OT자료를 소개드리고, 스터디 참석하신 11분 모두 각자 자기소개하는 자리를 가졌는데요. 모든 분들의 스터디 지원동기를 들으며 스터디 참여하신 분들의 열정을 잘 전달 받을 수 있었습니다.

성능 최적화를 해야 하는 이유

그리고 웹 성능 최적화를 해야하는 이유에 대해서 이야기드렸습니다.

웹 성능 최적화를 해야하는 이유는 크게 세 가지로 볼 수 있을 것 같습니다.

첫번째, 웹 사이트의 로딩 속도가 비즈니스에 직결됩니다. 웹사이트 로딩, 렌더링 속도가 비즈니스에 큰 영향을 미치고 해당 부분은 사례를 통해 공유했습니다.

두번째, 검색엔진 최적화 관점으로 필요합니다. 구글 SEO(검색엔진최적화) 점수에 Web Core Vital이라는 웹 성능 점수가 포함됩니다.

세번째, UX(사용자 경험) 관점으로 성능 최적화가 필요합니다. 성능 최적화 고려에 따라 웹 사이트 렌더링 순서 등 사용자에게 안좋은 경험을 제공할 수 있습니다.

자세한 내용은 아래를 참고해주세요.

참고 : 웹 프론트엔드 개발자가 웹 성능 최적화를 해야 하는 이유

마지막으로 스터디 발표자를 정했는데요.

적극적으로 하고 싶은 분야를 지원해주셔서, 쉽사리 발표자도 잘 나눌 수 있어서 좋았습니다.

마치는 글

예전에 프론트엔드 성능 최적화를 진행해본 적이 있는데요. 이번에는 chatGPT를 좀 더 활용해서 요즘 트렌드에 맞게 스터디하여 전에 경험하지 못한 인사이트를 가질 수 있었으면 좋겠습니다.

저희가 스터디에서 다룰 책인 '프론트엔드 성능 최적화 가이드'의 저자 유동균님은 웹 성능 최적화 방법을 익힌 프론트엔드 개발자는 상위 10% 개발자리는 이야기를 하기도 했었는데요.

이번 스터디를 참석하신 분들이 많은 부분들을 배우고, 남기 실 수 있으면 좋겠다는 바람으로 이번 스터디 후기를 마치도록 하겠습니다.

감사합니다!