# Performance

12개의 포스트

[project] perfomance 측정 & 최적화 과정에서 얻은 것

기존 프로젝트에서 IT보고서 탭 최적화를 진행하고 있습니다. lazy-loading라이브러리를 이용해서 viewport가 일정위치에 이동하면 애니메이션이 동작하게끔 했습니다. 코드를 간략하게 살펴보면 다음과 같습니다.각 섹션에는 각 차트(amchart.js)가 존재하고

2021년 6월 12일
·
0개의 댓글
post-thumbnail

Lighthouse 사용법

Lighthouse는 구글에서 개발한, 웹 페이지의 품질을 개선할 수 있는 오픈 소스 형태의 자동화 도구이다. 어떤 웹 페이지든 (그것이 공개되었든, 인증이 필요하든) 사용할 수 있다.

2021년 6월 1일
·
0개의 댓글

Javascript Performance(2)

Switch, if, ifelse 세가지 조건문의 성능 비교위의 두 문법은 실행 결과가 같았지만, if else 문법만 약간의 성능 저하가 있었다

2021년 5월 13일
·
0개의 댓글

Javascript Performance

JS 로 웹에서 이미지의 모든 픽셀값을 가져오는 작업 중에 Performance 향상을 위해 정리한 내용 1. For 123 2. Array.push 123

2021년 5월 13일
·
0개의 댓글
post-thumbnail

[Swift] final 키워드, 왜 사용하는걸까?

Swift에서 final 키워드를 사용하는 의미는 무엇이고, 적용하면 어떤 이점이 있을까요?

2021년 5월 1일
·
0개의 댓글

빠르게 성장하는 서비스에서 어떤 서버 확장 방식을 선택할까? (Scale up vs. Scale Out)

서버 확장이 필요한 순간 우리는 종종 서비스에 트래픽이 폭증해 서버가 다운되어 버리는 상황을 보곤 합니다. 주로 큰 이벤트를 한다는 소식에 사용자가 갑자가 엄청나게 몰리는 경우 이런 일이 벌어지는데요. 꼭 이런 경우가 아니라도 서비스가 성장해 사용자가 계속해서 늘어난

2021년 4월 26일
·
0개의 댓글
post-thumbnail

[React Performance Optimization] StatusDisplay

StatusDisplay이번에는 StatusDisplay에 대해 알아보도록 하겠습니다. 제가 구현했던 StatusDisplay는 현 식물공장의 환경상태를 보여주는 컴포넌트입니다.StatusDisplay이 컴포넌트는 어떻게 성능 최적화할 수 있는지 생각해봤습니다. 이 컴

2021년 3월 25일
·
0개의 댓글
post-thumbnail

[React Performance Optimization] Login

스마트팜 웹사이트를 올해 크게 개편했습니다. 개편 내용은 아래와 같습니다.피상적으로 위와 같이 바뀌었지만 내부적으로 Mysql schema, Api 등 많이 바뀌었습니다.Mysql도 다른 Nosql로 바꾸려 했지만 아래와 같은 이유로 바꾸지 않았습니다.엄격한 스키마가

2021년 3월 24일
·
0개의 댓글
post-thumbnail

웹사이트 성능 메트릭

⭐️ 표시는 Web Vital에서 중점적으로 체크하는 항목이다. LCP : 로딩 성능 FID : 상호 작용력 CLS : 시각적 안정성

2021년 3월 8일
·
0개의 댓글
post-thumbnail

웹사이트 퍼포먼스

https://developers.google.com/web/tools/lighthouse형남님이 알려준 퍼포먼스 측정하고 리포트까지 만들어주는 크롬 익스텐션!80점으로 높여보자..!

2020년 12월 10일
·
0개의 댓글
post-thumbnail

웹페이지 성능 개선하기: 이미지와 그라데이션

복잡한 그래픽이 많은 페이지의 성능 개선하기

2020년 12월 2일
·
2개의 댓글
post-thumbnail

구글 Lighthouse - 1. Performance (1) : 구성

Performance 먼저 말 그대로 웹 사이트의 성능을 얘기하는 부분이다. 간단하게는 '얼마나 빠르게 불러오느냐'를 측정하는 것이다. 웹 사이트의 속도가 빨라지면 이 점수도 올라가겠지? 라이트하우스가 권고하는 대부분은 '리소스 절약'에 관한 것이었다. 즉, 리소스를

2020년 6월 28일
·
0개의 댓글