최적화 썸네일형 리스트형 Mobile Web & HTML5 performance optimization 6월 14일부터 16일까지 Velocity라고 하는 웹 최적화와 운영에 대한 컨퍼런스가 Santa Clara에서 열리고 있습니다. 아직 현지에서는 마지막 날 행사가 남아 있겠네요. 이 행사의 워크샵 중에 모바일 웹과 HTML5의 퍼포먼스 최적화에 대한 자료가 있어 공유해봅니다. 워크샵의 진행자는 Maximiliano Firtman 이며 이 사람은 Programming the Mobile Web(2010년 7월 출간)과 jQuery Mobile Up and Running(2011년 10월 출간 예정)의 저자이기도 합니다. 또한 http://www.mobilexweb.com/의 운영자이기도 합니다. 모바일 웹 개발에 있어서 당장이라도 적용해볼 수 있는 여러 내용들을 담고 있으니 모바일 웹에서의 성능 향상 방.. 더보기 What is a non-blocking script? 최근들어 부쩍 Front-End Optimization에 대한 이슈가 부각되고 있다. 웹서비스는 더욱더 많은 기능을 탑재하고 있으며 노출되는 컨텐츠 또한 정적인 컨텐츠에서 동적인 컨텐츠로 변경되고 있다. 이로인해, 전통적인 최적화의 방법중 캐시를 적용하는 방법이 있는데 이또한 효과가 점점 떨어지고 있는것이 사실이다. 또한, 페이지를 이동하며 컨텐츠를 제공하는 전통적인 방법에서 한 페이지에 머무르면서 사용자 요구사항에 부응해야 하며 더 많은 동적인 컨텐츠를 제공하는 방법으로 변화하고 있다. 그런데, 이런 기능이 많아지면 많아질수록 자바스크립트의 양이 많아 지는데 이는 서비스 진입시 페이지가 하얗게 보이는 시간을 더 길게 하는 주요 원인이 된다. 아래의 문제를 알기쉽게 설명해놓은 글이 있어서 소개하려고 한다.. 더보기 UI 개발자의 또다른 기술력 - 사이트 최적화(1) 웹사이트의 최적화라고 하면 개발자들내에서도 서로 다른 생각과 경험이 있을것 같습니다. 저의 경우는 모든 프로젝트가 마무리 되고 끝나는 시점에 고객의 요구사항에 따라서 '한번 해볼까?' 라고하여 Stress test 를 실행해보거나, 어렵게 구한 Roadrunner 와 같은 초울트라 강력한 측정 도구를 사용해서, 내가 개발한 사이트가 끄떡없는지 측정하곤 했었습니다. (물론 Roadrunner와 같은 툴은 구경만했었군요. 쩝) 한마디로 , 뻗지않고 잘 버티는지 궁금했던것 같네요. 몇년전만해도 사이트 최적화라고 하면, Web Server와 WAS(Web application server) 자체의 성능과 DB 의 성능 , 또한 컴파일과정에서 발견하기 어려운 DB 와 Application Interface 를 맟.. 더보기 이전 1 다음