뉴스 피드가있는 웹 페이지가 있습니다. 그리고 뉴스 피드에는 이미지가 수직으로 쌓여 있습니다. 새로운 이미지는 사용자가 아래로 스크롤 할 때 페이지를 채 웁니다.이미지가 많은 웹 페이지 : 스크롤 속도가 느림?
상황이 빠르고 부드럽게 시작되지만 이미지가로드되어 더 많은 페이지가 스크롤 될 때 페이지가 실제로 느리고 고르지가되기 시작합니다. 스크롤링이 매우 부드럽습니다.
무엇이 문제입니까? 어떻게 해결할 수 있습니까?
사용중인 이미지의 크기는 어느 정도입니까? 가능한 한 작은 이미지 크기를 만들어야합니다.
JavaScript (Image 개체)로 이미지를 미리로드 해보십시오. 이렇게하면 사용자가 아래로 스크롤하면 이미 이미지가로드됩니다 (또는 부분적으로로드 된 경우).
아무도 매우 큽니다. 평균 : 300x400. 가능한 한 작습니다. 그리고 이미 이미지가로드되었는지 확인합니다. 페이지에 많은 이미지가있을 경우 (로드 된 경우에도) 스크롤이 고르지 않게되는 것 같습니다. –
아마도 자바 스크립트에 버그가 있습니다. 그렇지 않은 경우 오래된 사진이로드되면 최신 사진을 삭제하려고 할 수 있습니다.
jQuery를 사용할 때'.remove()'메소드가이 경우에 작동합니까? –
데모 페이지가 있습니까? – pimvdb
자바 스크립트를 사용하여 페이지/이미지와 관련된 모든 작업을 수행하고 있으며 시간이 지남에 따라 성능이 저하 될 수 있음을 설명 할 수 있습니다. 더 많은 정보가 필요합니다. – Loktar
몇 가지 코드를 포함하여 문제를 훨씬 자세하게 설명해야합니다. 어쨌든 나는 대답하려고 노력할 것이다. 크기를 줄여서 이미지를 최적화 해보십시오. 다음 번에 브라우저, 버전, 운영체제, 페이지 소스 코드 등과 같은 세부 정보를 입력하십시오. – Gautam