내 웹 사이트 인 www.runthisday.com에는 약 페이지를 사용자 화면의 50 %까지 끌어 당기는 자바 스크립트가 있으며 다른 구성 요소는 약 페이지의 여유 공간을 만들기 위해 왼쪽으로 밀고 있습니다.자바 스크립트 속도 향상
문제는 사용자가 처음 버튼을 클릭 할 때 Chrome이 이미지로드를 기다리기 때문에이 JavaScript가 매우 느립니다. 다른 웹 브라우저의 경우 JavaScript는 빠르지 만 이미지를로드하는 데는 두 번째 시간이 걸립니다. 버튼을 처음 사용한 후에는 약 슬라이드가 제대로 작동합니다. 그러나 실제로 중요한 것은 처음입니다.
JavaScript를 빠르게 작동시키고 버튼을 클릭 할 때 이미지가 즉시 나타나도록 수정하는 방법이 있습니까? 사용자가로드 페이지로 이동하면이 문제를 해결할 수 있습니까? 그렇다면 나를 어딘가로 안내해 주시면 JavaScript를 사용하여 사이트를로드하는 방법을 보여줍니다.
정말 도움을 주셔서 감사합니다.
이미지를 작게 만들 필요가 있습니다. 망치 이미지는 5000x3333px의 해상도로 콘텐츠 영역의 크기로 만들고 Photoshop 또는 gimp의 품질을 저장할 때 약 50 %로 설정합니다. 현재 파일 크기가 현재 크기의 15-20 % 일 필요가있을 때 많은 양의 이미지 데이터를 가져 오는 중입니다 ... 자바 스크립트에 아무런 문제가 없다는 것을 유의하기 만하면이 문제는 순수 자산 기반입니다 – Alex
저해상도 이미지를 처음로드하고 (매우 빠르게), 대략 상자가 보이기 전에 스크린 밖에서조차도로드하고 그 이미지를 먼저 표시 한 다음 전체 이미지를로드하고 완료되면 저해상도 이미지를로드하십시오. 나는 또한 어쨌든 픽셀 수를 줄이는 것이 좋습니다 - 5000x3333은 매우 큽니다. 대답은 [here] (http://stackoverflow.com/a/467943/4098951) 도움이 될 것입니다. –
또한 지금은 5000x3333 이미지가 모바일 사용자를 위해 매우 많은 대역폭을 사용한다고 생각할 때 페이지로드로 인해 수 MB의 데이터가 소비 될 수 있으며 매우 느리게로드되어 종종 사이트로드에 지장을주지 않습니다. – Alex