Rendering ·
[Optimization] Lighthouse 분석을 통한 사이트 성능 최적화
이전 포스트에서 이미지를 최적화 하는 방안에 대한 내용을 학습하였습니다. 이번엔 Chrome 에서 제공하는 Lighthouse 의 분석을 토대로 차근차근 최적화를 진행해보도록 하겠습니다. Lighthouse 는 Google Chrome 에서 재공하는, 웹앱의 품질 개선에 도움을 주는 자동화 도구 입니다.
hippo/devloghippo/devlogRendering ·
이전 포스트에서 이미지를 최적화 하는 방안에 대한 내용을 학습하였습니다. 이번엔 Chrome 에서 제공하는 Lighthouse 의 분석을 토대로 차근차근 최적화를 진행해보도록 하겠습니다. Lighthouse 는 Google Chrome 에서 재공하는, 웹앱의 품질 개선에 도움을 주는 자동화 도구 입니다.
Rendering ·
우리가 웹 사이트를 운영하면서 가장 중요한건 사용자가 체감하는 유저경험일 것입니다. 속도 그리고 번들사이즈 등 다양한 요소들이 최적화가 필요한 부분이고 이에 대해 필자가 운영하고 있는 사이트에 대해 최적화를 진행해 보았습니다.
Rendering ·
브라우저 동작과정에 대해서 그동안 공부해왔던 모든 것들을 최종적으로 정리해본다. 렌더링 해당 포스팅은 네이버 D2 블로그 관련 내용을 토대로 정리하였습니다.
Rendering ·
과거와는 다르게 모던 애플리케이션을 다루는 서비스회사에서 Single Page Application 의 형태로 서비스를 개발하고 있다.
Rendering ·
현 회사에서는 VUE.js 로 모바일 프론트를 개발하고 운영하고 있다. 나름 SPA 시스템을 운영하고 있다고 생각하던 찰나, Vanilla JS 로 SPA 페이지를 구현하는 과제 문제를 풀게되었다.
