Chrome 크기의 PNG 성능 문제가 발생했습니다.

Question

Google 크롬에서 this website : CPU 사용률이 90 %까지 올라갔습니다. 그게 페이지를로드하는 것만으로도 충분합니다. .

큰 PNG 스프라이트로 인해 700x24600 및 5190kb가 발생합니다. Chrome 팀이 코드 수정을 기다리는 것과는 별도로 할 수있는 일이 있습니까? 그리고 다른 파일에 각 "프레임"을 저장하는 것과 같은 일을하는 것 외에는 다른가요?

파이어 폭스, MS 인터넷 익스플로러, 오페라, 심지어 사파리에도 문제가 없다는 것에주의하십시오.

Answer 1

정말 큰 이미지입니다. 그것은 크롬과 파이어 폭스 모두 나를 위해 달려있다. 걸기 문제에 관계없이 성공적으로로드 되었더라도 페이지의로드 시간은 이러한 큰 이미지로 인해 심각하게 약화 될 것입니다. 이미지의 가치가로드에 걸리는 시간보다 중요하다고 생각하지 않는다면 훨씬 작은 것으로 대체하는 것이 좋습니다.

그러나 먼저 최적화 할 수도 있습니다. 크기를 줄이는 데 많은 영향을 미치는지 확인하기 위해 optipng와 같은 무손실 압축 도구를 사용 했습니까?

Answer 2

믿거 나 말거나, 내가 그 스프라이트를 수평으로 만들었을 때, 뒤쳐지지 않았다.

// 편집 좋아, 정말, 다시 지체 시작 페이지 ..