공식사이트 이용문의
bottleneck..
2014.06.13 23:19
bottleneck
animation
/layouts/xe_v4/css/xev4.css
.animation-pulseBgSlow { animation-name:pulseBgSlow; -webkit-animation-name:pulseBgSlow; animation-duration:30s; -webkit-animation-duration:30s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear } @keyframes pulseBgSlow { 0% { background-position:0 0 } 50% { background-position:0 100% } 100% { background-position:0 0 } } @-webkit-keyframes pulseBgSlow { 0% { background-position:0 0 } 50% { background-position:0 100% } 100% { background-position:0 0} } }
|
| |
↑ FireFox | ↑ Chrome | ↑ Safari |
|
| |
↑ FireFox(중지후) | ↑ Chrome(중지후) | ↑ Safari(중지후) |
| |
|
↑ naver.com |
|
|
위 CPU는 맥북에어(core i7)에서 확인한 겁니다. 메인페이지를 제외한 전 페이지에서 동일하게 CPU의 활동이 올라가고 animation을 끄면 CPU의 활동이 발생하지 않습니다. 회사는 윈도우 7 사용중인데 동일하게 animation 효과로 인해 CPU 활동이 30% 전후로 발생하고 있습니다. 반면, 타 사이트에서는 이와같은 현상은 발생하지 않습니다. css3 animation으로 background 100% 해상도를 처리하는것은 성능 최적화상 적합한 기능이 아닌것 같습니다. 차라리 이미지 영역에서 세로 영역을 조금 높이고 필요한 부분을 조금 더 노출시켜놓는게 좋아보입니다. 다이나믹 효과 때문에 제 팬은 매번 비명을 지르고 있습니다. ㅜㅜ
optimize
기존 이미지파일 | 최적화 quality 8(high) |
적어도 7번에 걸쳐서 많은 양의 데이터를 받게 됩니다. 해외 거주자, 모바일 사용자에게는 불리할 수 밖에 없는 부분입니다. 압축(smush.it)을 시도해도 특별한 효과를 볼 수 없다면 quality를 조금 내려서 최적화를 하는것이 좋아보입니다.(더 내리면 열화가 발생해서 8이 위 파일 기준으로는 적당했습니다.)
개선요구
공홈이 리뉴얼되고나서 느낀 불편함이었습니다. 누군가가 불편함을 이야기해줄 줄 알았는데 사용자, 개발자 모두 좋은 성능의 컴퓨터를 소유하고 있는거 같군요...
번호 | 제목 | 글쓴이 | 최종 글 |
---|---|---|---|
149 | 메뉴 버튼이 보이지 않아요.. [3] | 이가을 | 2018.10.05 by 이가을 |
148 | 회원 인증 메일이 계속 오지 않습니다. [1] | nacres | 2018.10.12 by XE |
147 | 게시판 문의 [1] | socoolg | 2018.10.18 by XE |
146 | 신고 [1] | Luatic™ | 2018.10.18 by XE |
145 | 모바일 뷰 사용함 에러 -10월18일 세미나 문의사항밈 [5] | 아이노코 | 2018.10.23 by 아이노코 |
144 | 자료실에 자료등록시 버전오류 해결법을 알려주세요. [1] | 늘푸른나무2 | 2018.10.28 by 늘푸른나무2 |
143 | 스팸필터 처리되어 있는 단어중에서.. [1] | sejin7940 | 2018.11.07 by XE |
142 | 아이디/비번찾기 [3] | ㅓㅇㅁ니ㅏㅓ | 2018.11.08 by 김지은 |
141 | 인간적으로 사용자가이드좀 업데이트 해주세요. [1] | 초보자 | 2018.11.14 by 초보자 |
140 | 이메일 주소로 계정찾기 [1] | ㄴㄴ | 2018.11.22 by XE |
139 | 공식사이트에 캐시 파일 삭제가 된다던데 [1] | 프레드 | 2018.11.22 by XE |
138 | [공식 사이트] 모바일 환경에서 마켓허브 오류 [1] | SimpleCode | 2018.12.10 by XE |
137 | 매인페이지로 설정이 됨 [1] | 뭉짱 | 2018.12.12 by XE |
136 | 메뉴를 수정한 뒤 홈페이지 접속이 안됩니다. [1] | 셰기 | 2019.01.02 by XE |
135 | 웹사이트 위젯,모듈,메뉴문의 [1] | 노다혜 | 2019.01.02 by XE |
134 | 솔루션 관련 고객센터(연락처)를 알고 싶습니다. [1] | 김세원 | 2019.01.02 by XE |
133 | xe 도메인 사용 삭제 [3] | 노다혜 | 2019.01.14 by XE |
132 | DEMO 사용이 안됩니다. | 쏭킴 | |
131 | 기본 도메인변경 [1] | 노다혜 | 2019.01.17 by XE |
130 | XE upgrade package and instruction | Doraji |
손 봐두겠습니다. :)