하이브리드앱.. 하.. 스트레스예요
저희회사가 웹만만들다가 앱의 단가를 알고 사장님이 무작정 앱으로 뛰어드셨습니다
그누보드로 작업하고 외주개발자를 통해서 앱을 씌워서 하이브리드앱으로 납품(?)을 하고있는데요
업체서 엄청 전화가 와요
프로그램 하나도 안들어간 메인에 이미지가 10개있습니다
그 이미지들이 엄청 느리게떠요..
메인들어가는데 10초이상이 걸립니다. 폰에따라서 2분걸리구요...
하.. 이거 왜그러는건가요?
프로그램문제면 몰라도 그냥 이미지일뿐인데 이렇게 늦게떠서 앱을 사용못하겠다고 난리입니다..
고수님들 가르침좀주세요
며칠째 이미지안뜬다는 전화받으니 스트레스받아서 푸념좀했어요 죄송해여
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 21개
그건 앱자체에 문제가 있는게 아닐까요?
일반 브라우저 웹이 아님.
..... 성능 더 저질인 브라우저가 들어옴.
이미지 자동 리사이즈 해주는 스크립트랑 이미지 width 를 100% 로 맞춰주는 css 쪽이랑 건드려서 그나마 좀 나아지더라구요.
해당 스크립트 들을 빼보면 바로 뜨더라구요
제가 하이브리드 앱을 버린 이유가.. 그것 때문입니다.
어차피 하이브리드 앱이란것 자체가 외부 사이트를 감싸기 위함이 아닌지라...
어차피 하이브리드 앱(폰갭 등, 타이미늄)으로 하면 결제가 안되니 웹앱으로 진행하시는것을 추천합니다.(웹앱으로 만들고 관련 프로그램 처리 해야 합니다.)
이거 잡자니 그냥 웹앱 만드는게 더 빠릅니다.
저도 처음에는 폰갭으로 감싸는 형태로했는데 지금은 생으로 만들고있어요 ㅠ.ㅠ
하이브리드라고 webview로만 싸놓은건 그냥 모바일 브라우저로 접속하는게 백만배 속편할겁니다.
그게 아니면 정말로 네이티브나 하이브리드로 개발을 해야죠 -_-;;;;
고려해야 할게 한두가지가 아닙니다.
하지만 개선을 할 수는 있습니다.
비주얼 적인 부분을 포기해야 하지만요 ㅠㅠ
이건 Opacity 넣어도 느려지고, Animate 넣어도 느려지고 JS 슬라이드좀 돌릴라치면 버벅버벅버버버벅;;
이런 효과는 정말 개발자의 재량껏 적절히 사용하는 법 외에는 없습니다.
이 모든 효과를 모두 뺀 다음에는 페이지에서 가장 큰 이미지의 사이즈를 확인하세요.
1m 이상짜리가 해당 페이지가 한두개만 있어도 엄청 큰겁니다.
이미지를 두세개만 출력하는 페이지가 아니라면 모든 이미지는 최대한 줄여서 사용해야합니다.
실제로 최적화된 크기면 50kb ~300kb 사이로 조정이 가능할겁니다.
그럼 페이지에 갤러리 목록 뿌리는 정도는 거뜬해요.
갤러리에 뿌릴 이미지는 항상 썸네일로 크기를 조정해서 새로 생성해서 보여줍니다.
그리고 여러개의 이미지를 사용하지 말고 http://img.naver.net/static/www/img/sp_mn160419.png 처럼 하나로 만든 후 재사용 하는 기법이 필수입니다.
이런식으로 최적화를 진행하시면 어느정도 개선이 가능할 것입니다.
정말 이건 기준이 없어요 그냥 최대한 개선하는 수 밖에는...
제가 지금 API 8에서 돌아가는 셋톱박스 컨텐츠 제작중인데요.
API 8이하로 작업하지 않아도 되는걸 축복이라 생각하시고 위안 삼으세요 ㄷㄷㄷㄷ;
API 8은 GPU 가속기가 없어서 상상을 초월하는 암담함을 느낍니다.