inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 웹 개발 제대로 시작하기

live server 퍼포먼스 관련 질문좀 드리겠습니다.

288

purqljgda

작성한 질문수 2

0

1분코딩님 강좌를 보고 흥미가 생겨서 유튜브에서 canvas 강의도 찾아보고 외국의 튜토리얼도 몇개 따라해봤는데요

 

live server로 크롬에서 구동하는데 객체가 많아지거나 투명도 조절시 프레임이 낮아지면서 제대로 렌더링을 못하더라구요..

 

컴퓨터가 안좋은건가? 하고 있었는데, 어느날 네이버웨일과 사파리로 라이브서버를 돌려보니 퍼포먼스의 차이가 심하게 나며 아주 부드럽게 잘 돌아가더라구요.

 

원래 브라우저마다 퍼포먼스의 차이가 심한가요?

 

그리고 live server로 내 컴퓨터에서 렌더링해서 보이는것과 다른 컴퓨터에서도 보이는것을 생각해야 할텐데 그런 부분에 대해서는 어떻게 고려하면 좋을지 모르겠어서요.. 가르침 한수 부탁드리겠습니다 ㅠㅠ

javascript 인터랙티브-웹 HTML/CSS

답변 1

1

1분코딩

live server는 그냥 로컬에서 웹서버를 구동해주는 역할이기 때문에 렌더링 퍼포먼스랑은 관련은 없을 것 같고요, 같은 컴퓨터의 같은 운영체제라도 브라우저 종류에 따라 조금씩 차이가 발생합니다. 같은 상황이라도 '현재 어떤 앱들을 구동하고 있는지'와 같은 컴퓨터의 상태에 따라서도 달라지고요.
사실 뾰족한 수가 있는 것은 아니고요^^; 현실적으로 모든 컴퓨터를 테스트할 수는 없으니 성능이 중요한 페이지라면 상대적으로 성능이 너무 좋지는 않은, 일반적인 컴퓨터를 기준으로 개발해 나가시는게 안전할 것 같아요. 저도 일부러 옛날 스마트폰을 처분하지 않고 퍼포먼스 체크 용으로 사용하고 있답니다.

왼쪽/오른쪽 동작시 딜레이 문제

0

111

1

변수 범위 관련 질문

0

122

1

perspective 문의

0

114

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

167

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

133

1

animation이벤트 질문이요!

0

81

1

resize handler에서 질문이 있습니다.

0

120

1

카드 뒤집힐 때 F가 보인 이유

0

161

1

3d 뒤집기 추가효과

0

225

1

전진! 3D 스크롤 21 강의 질문

1

181

1

eventlistener 질문

0

160

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

179

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

206

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

280

1

rotateY()에서 deg에 따른 차이

0

205

1

코드 작성 순서

0

285

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

403

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

285

2

섹션5 자바스크립트 이벤트 다루기 질문

1

263

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

433

2

css 는 직접 작성을 해야하는걸까용?

0

332

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

368

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

312

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

314

2