브라우저는 CSS 또는 이미지를 통해 그라디언트를 더 빨리 렌더링합니까?

상당히 그래픽 집약적 인 웹 사이트를 작성할 예정이며 페이지의 전체 배경에는 멀티 스톱 선형 그라디언트가 포함됩니다.브라우저는 CSS 또는 이미지를 통해 그라디언트를 더 빨리 렌더링합니까?

제 질문은 페이지의 배경이 CSS3를 사용하여 그라디언트를 만들거나 브라우저에서 PNG로 그라디언트를 만들고 렌더링하는 것이 더 빠르면 브라우저를 만들면 더 빨리 렌더링 할 수 있습니다. 페이지 배경.

그리기 속도이 인스턴스에서는 페이지로드 시간이 아닌 것에 관심이 있습니다. I 생각하면 png는 빠르지 만 확실하지 않습니다.

2012-02-20 C.J.

나는 주관적인 측정 방법이 덜 있었으면 좋겠지 만 은으로 보인다. CSS에서 선형 그래디언트를 사용하면 큰 이미지보다 잘 렌더링된다.

2012-02-24 16:56:08

이것은 그라디언트의 유형, 그라디언트의 크기 및 실행중인 브라우저에 따라 달라집니다.

속도가 절대적으로 중요한 경우에는 대부분의 사용자가 사용할 것으로 예상되는 브라우저에서 두 가지 방법을 나란히 측정하십시오.

성능은 향후 릴리스에서 변경 될 수 있습니다.

2012-02-20 00:34:26 DamienG

나는 PNG가 더 일관된 결과를 줄 것이라고 상상한다. 나는 그것을 뒷받침 할 어떤 증거도 없다. – rikkit

브라우저에서 렌더링 속도를 프로그래밍 방식으로 측정 할 수 있습니까? –

답변