모바일 갤러리 게시판에서 이미지 불러오다 끊김
본문
갤러리 게시판을 모바일로 볼 때 이미지를 불러오다가 끊기는 현상인데,
pc에서는 모든 이미지를 다 불러옵니다.
허나, 모바일에서는 몇개는 불러오다가 브라우저 로딩이 끝나면서
중/후반 일부 이미지는 불러오지 못하고 브라우저의 로딩이 끝나버립니다.
마치 다 불러온 것처럼 로딩이 끝나고
그 이후에도 이미지는 불러오지 못하고 있습니다.
ex )
게시글 내용에 이미지 20장
게시글 내용보기 > 이미지 15장만 불러옴 나머지 5장은 공란 (이미지 크기만큼 공란이 되어있음)
(아래의 해당 이미지의 디바이스는 갤럭시 노트 10이며, 네트워크는 U+ 라 LTE를 사용중입니다.
사용자분들은 대부분 이보다 낮은 버전의 디바이스를 사용하고 있는데,
노트 8에서도 같은 현상이 일어나며 대면하는 사용자분들 모두 아래와 같은 현상이 일어납니다.)
이 페이지를 새로고침하게되면 이전의 캐시 + 다음 이미지를 로딩하는 듯이
전체 이미지가 다 불러와집니다
이러한 현상의 원인을 찾을 수 있을까요?
(이미지 사이의 공백은 줄내림입니다.)
pc에서 확인한 네트워크 현황인데
지연이 생기는 곳은 왼쪽 목록 탭에 보이는 main.js이구요
볼 줄 몰라 발만 동동 구르고 있네요...
포트폴리오 게시판인데
사용자들이 모바일로 보기 때문에 이러한 현상을 해결하는 것이 시급합니다.
도와주세요.
답변 2
이미지 용량을 줄여보세요.
예전에 네트웍 상황이 좋지 않을 때 PC에서도 그런 현상은 있었습니다.
그리고 갤러리 스킨을 바꾸면 해결될 수도 있을 지 모르겠네요.
자바스크립트에서 과도한 로딩이 생길 수도 있고
다른 여러가지 해법을 이용한 로딩처리기법이 있기도 하니까 갤러리 스킨을 바꾸어 보는 것도 한 방법이 될 것 같네요.
일단 해당 페이지에 불러오는 이미지 용량을 확인해 보시고
용량을 줄여 보세요.
이미지 용량을 줄이지 못하시면
apache access time 설정을 바꿔주셔야 합니다.
설정을 바꾸시면 해결은 되겠지만
서버에 부하가 발생할 수 있습니다.
참고 해주세요^^