모바일에서 div를로드하는 것을 중지하는 방법은 무엇입니까?

Question

내 모바일 사이트 속도를 높이려고합니다.

한 가지 방법은 거대한 페이딩 배너를 제거하는 것입니다. 'display none'과 'visibility hidden'과 같은 CSS를 사용하면 백엔드에로드되는 이미지를 멈추지 않을 것입니다.

어쨌든 말할 수있는 것부터. Google 속도 테스트에서는 배너가 여전히로드 중임을 나타냅니다.

또한 jquery를 replacewith으로 보았습니다. 비어있는 div의 내용은 시각적으로 작동합니다. 그러나 이미지는 여전히 코드 배경에서로드되도록 솔기가 있습니다. Google은 여전히 ​​동일한 이미지로드를보고합니다. div가 1 밀리 초 동안 생성 된 후 jquery가 시작될 것 같습니까?

Answer 1

jQuery는 DOM 준비가 완료되면 제거하지만 준비는 배너 이미지가 이미로드되거나로드 중임을 의미합니다. 이 코드를 제거하려면 코드를 약간 다시 작성해야하거나 모바일 및 데스크톱 용 클래스를 만들고 그 div의 배경으로 이미지를로드 할 수 있으므로 모바일에서는 이미지를로드하지 않고 div를 숨기지 않습니다