PHP와 JS를 사용하여 여러 개의 큰 이미지(>500kb)를 내 요소에 로드한다고 가정해 보겠습니다. 로드 속도가 꽤 오래 걸리는 것으로 나타났습니다(5초).
어젯밤에 검색 중이었는데http://ringvemedia.com/beijing-photos
전체 배경 이미지의 로딩 속도는 매우 빠릅니다. 확인해 보니 배경 이미지의 자연스러운 너비는 1024px이고 품질도 꽤 괜찮으니 이미지 크기가 너무 작으면 안 될 것 같습니다.
그렇다면 유사한 이미지 로딩 속도를 얻으려면 어떻게 해야 합니까? 나는 Hostgator 서버 btw를 사용하고 있습니다.
답변1
이미지 로드 속도는 공유 환경에서 발생할 수 있는 심각한 과부하가 아니라는 가정 하에 대역폭을 기준으로 합니다(그러나 이는 불규칙하고 때로는 빠르며 때로는 느려야 합니다).
호스팅 계획의 일부로 서버에서 2MB 파이프 업로드를 수행했다면 500kb * 바이트당 8비트 = 4MB이므로 각 이미지를 전송하는 데 2초가 걸립니다. 큰 이미지의 경우...전송에 꽤 오랜 시간이 걸릴 수 있으며, 이는 한 번에 한 명의 사용자만 파일을 받는 경우입니다. 대역폭이 얼마인지, 서버 위치가 어디에 있는지 알고 계십니까?
귀하의 설명에 따르면 발신 대역폭이 그다지 높지 않을 것으로 예상됩니다. 따라서 상당한 양의 데이터를 전송하는 것이 원하는 것보다 느려질 것입니다.
참고 사항: 참고: 해당 사이트의 이미지는 100-240kb이며, 대부분은 그보다 낮은 수준입니다.