많은 favicon 이미지 크기로 연결하면 페이지가 느려 집니까?

Question

이 요점 : https://gist.github.com/awesome/9947977에서 파비콘 그래픽을 추가하는 데는 여러 가지 옵션이 있습니다. 태그에 대한 많은 참조가 페이지 속도를 늦 춥니 까? 아니면 그냥 나쁜 생각입니까?

Answer 1

하이퍼 링크로 인해 페이지로드가 느려지지 않습니다. 페이지의 모든 아이콘을 표시하려면 해상도가 낮기 때문에 성능에 거의 영향을 미치지 않습니다.

Answer 2

예, 그렇지만 그렇게 많이는 아닙니다.

Chrome and Firefox tend to load all PNG icons 처음으로 선언이 나타나면 "예"입니다. 후속 브라우징은 불필요한 추가 요청을 생성하지 않으므로 "그렇게 많지 않습니다."

또한 내가 링크하는 코드에 완전히 동의하지 않습니다. 특히 모든 iOS PNG 아이콘 (예 : favicon-57x57.png)이 복제되어 사용되지 않습니다 (이 예에서는 apple-touch-icon-57x57-precomposed.png으로 표시되지 않음). 하지만 Chrome과 FF는 아무 이유없이로드합니다.

오히려 이것을 사용하는 것이 좋습니다 favicon generator. 생성 된 그림과 코드는 모든 주요 플랫폼을 지원하고 오버 헤드를 최소화합니다. 음, 이것은 균형 문제입니다. 전체 공개 : 저는이 사이트의 저자입니다.