Tag: performance

0

Angular4 구글은 어떻게 성능 개선을 했나?

Angular4 구글은 어떻게 성능 개선을 했나? Angular 2.x 대비 Angular 4.x에서 바뀐점을 살펴보고,구글은 어떻게 성능 개선을 했는지에 대해 방법론적으로 살펴본다. 이 발표자료는 구글에서 공유한 ViewEngine Design 문서와Angular4 릴리즈 소식을 전하는 Blog 내용을 참고하여 작성하였습니다. 자료 : https://s

0

HTML5를 활용한 Front-End 성능 개선

HTML5를 활용한 Front-End 성능 개선HTML5의 기술을 이용하여, Front-End 로딩 속도를 올릴 수 있는 내용을 발표. 실제 개선 예제를 통해 로딩 성능 향상을 직접 확인하는 발표자료 발표 URL : https://sculove.github.io/slides/performanceWithHTML5/

0

How to Make a Smooth Animation

FrontEnd 개발자가 수행하는 성능 개선 작업FrontEnd 개발자가 성능 개선을 할 때, 어떤 점을 중심으로 살펴봐야하는지를 정리한 발표자료 발표 URL : https://sculove.github.io/slides/improveBrowserRendering

0

애니메이션 성능을 높이는 방법

애니메이션이 많은 화면에서는 성능적 문제에 노출되기 쉽다. 특히, 하드웨어 성능이 PC에 비해 열악한 모바일 환경에서는 더욱 성능적 이슈에 직면하기 쉽다. 이 글에서는 성능에 필요한 브라우저 랜더링 과정을 이해하고, 이를 이용하여 애니메이션을 구현할때 유의해야할 점을 살펴보도록 하자. 브라우저 랜더링 과정웹 브라우저의 애니메이션 성능에 대해 논하기 전에 이