묻고답하기
페이지 넘어가는게 거북이 입니다. 속도 체크 부탁드립니다.
2015.08.26 11:00
http://ahreuk.cafe24.com/arco_o
홈페이지 제작중인데요....
펌프기계 특성상 테이블이 엄청 많고 내용도 길어서 코드를 보면 2000줄까지 가기도 합니다.
제품소개에서 다른페이지도 마찬가지이지만 특히 arco-o / arco-n 페이지가 엄청 느린데 방법이 없을까요?
혹 애드온이나 부트스트랩 cdn으로 불러왔거나 font awsome 머 이런거 header에 삽입해서 그런건가요?
ㅠㅠ
페이지작업 앞으로도 엄청 많이 남아 있는데 이렇게 느려서야.... 작업해도 문제가 될것 같아 도움을 청합니다.
참고로 레이아웃은 WIDEIN 입니다.
댓글 9
-
네... 크롬에서는 반응이 엄청 빠르게 나타납니다.
하지만 이 업체의 거래처들 사장님들이 old 하셔서 브라우져를 대부분 익스플로워 사용한다고 합니다. 물론 버전도 낮아서 IE8과 호환성 체크하면서 작업중이기도 하구요.... 이렇게 두 브라우저의 속도차이가 현저하게 나타나는 이유가 무엇일지 궁금하네요 ㅠㅠ
-
IE8 이하를 타겟으로 해야 한다면 부트스트랩이나 웹폰트 등의 최신 기술은 가능한 배제하는 것이 상책입니다. 아무리 공식적으로 지원한다고 해도 원래는 안되는 것을 억지로 구현하다 보니 상당히 비효율적인 방식으로 실행됩니다. 가능하면 스크립트를 통한 디자인 조작을 최소화하고, 기본적인 CSS와 jQuery만을 사용하여 디자인과 기능을 구현하는 것이 좋습니다.
애초에 몇백 줄짜리 테이블을 렌더링하는 것만으로도 버벅거리는 것이 IE인데, 거기에 칸마다 스타일을 적용하려면 얼마나 힘들겠어요... 불쌍한 우리 익스 ㅠㅠ
-
좋은 조언 감사합니다. 앞으로 더 많은 테이블들이 기다리고 있는데 망막하기만 합니다 ㅠㅠ
-
퍼니엑스이
2015.08.26 11:49
확인해보니 부트스트랩을 중복으로 로딩하는 게 있네요. 중복으로 로딩하는 것을 제거하면 조금이나마 빨라질 것 같습니다.
일부 브라우저(크롬이나 파이어폭스)에서는 favicion.ico 파일을 호출하기도 합니다. 루트 폴더에 favicon.ico 파일이 없는 경우때문에 404 에러가 발생해서 속도가 약간 느려지는 경우도 있습니다.
-
이렇게 상세한 정보까지 제공해 주셔서 감사합니다.
헤더에서 부트스트랩을 모두 지우고 테스트 해봐도 IE에서는 여전히 거북이 입니다. ㅠㅠ
-
외부 파일을 CDN 으로 불러오는데 그게 해외에 있다거나 서버가 느리다거나 해서 로딩 속도가 느리면 그만큼 나의 홈페이지 로딩 속도도 느려집니다.
-
유저분들 보통의 경우 부트스트랩을 xe 설치홈에 설치(다운로드) 하고 링크걸어서 사용하시나요?
-
그것이 트래픽은 증가해도 속도는 빠르겠지요
크롬과 파폭에서 열어보니 딱히 느리다는 느낌은 없습니다. 페이지도 빨리 뜨고, 헤더에 삽입한 스크립트들도 눈에 띄는 지연 없이 바로바로 로딩되고요. 혹시 익스플로러 쓰신다면 그것 때문에 느린 게 아닐까요? ㅎㅎ