생활
chrome에서는 TTFB가 낮은데 익스플로어에서만 높은 이유?
안녕하세요. 얼마전에 이미지 로딩 관련해서 질문 올렸는데 아직 해결을 못하고 있어 다시 질문 올립니다 ㅠ
메인 페이지에 배너 이미지를 백그라운드 이미지를 넣고 있는데 CSS로 바로 넣는게 아니라
ajax로 DB에서 이미지 이름을 가져와서 백그라운드 이미지 url을 설정해주는 방식입니다.
제가 만든 홈페이지중에 이러한 기능이 들어간 홈페이지가 많은데 유독 이번 홈페이지만 이미지가 늦게 나옵니다.
개발자 도구 네트워크에 들어가보니 메인 페이지 외에도 ajax로 서버랑 통신하는 js가 있는 모든 페이지에
TTFB가 500ms 이상 나오는걸 확인했습니다.
익스플로어 개발자 도구로 확인했는데 다른 홈페이지들은 TTFB는 20ms 밖에 안나오고 보내는중이 500ms 정도 나오는데
이번 홈페이지만 보내는중은 100ms 이하고 TTFB가 500ms가 나오고 있습니다.
카페24를 이용중인데 index.php 파일들 TTFB만 높게 나와요.
또 특이한게 chrome에서는 문제 없고 익스폴로어에서만 느린 이유가 궁금합니다.
데이터를 서버에서 가져와서 하는 작업이면 다른 HTML 태그보다 늦게 보여지는데
이미지 같은거는 깜빡거리는거 처럼 보인다고 고쳐달라는 곳도 있는데 이런건 어떻게 해결 해야 하나요
이게 다른곳도 다 이러면 전체적으로 잘못됬다고 생각될텐데 지금 하는 페이지만 이런 문제가 생기는데
다른곳과의 차이점이 없어보여 못찾겠습니다. 서버에서 가져오는 sql문도 select xxx from table이 끝입니다.
배너이미지를 swiper를 사용하고 js에서 document.createElement로 div들을 만들어서 넣어주는데
TTFB가 높은 이유가 궁급하니다.
아직 답변이 없어요.