2010-02-19 4 views
3

많은 페이지가 [GooglePageSpeed를 사용하여]로드되고 사용되지 않는 CSS가 많이로드되는 것처럼 보인다고해서 문제가 발생했습니다.사용하지 않는 CSS를 즉시 삭제 하시겠습니까?

CSS를 분리하면 "너무 많은 CSS 파일"이라는 오류가 발생합니다. 거기에 jquery 플러그인 [또는 기타]로드 할 페이지에 대한 CSS 만 렌더링 할 수 있으며 나머지는 무시할 수 있는지 궁금 무엇입니까?

일종의 동적 CSS 교환기입니까? 정말 도움이 될 것입니다 ....

답변

4

당신이 CSS의 수백 킬로 비트를 보내지 않는 한, 그다지 중요하지 않습니다.

동적 CSS 체인저는 브라우저의 캐싱 기능을 파괴하여 더 높은 전송률을 초래합니다.

+0

그래 : 좋은 지적 :) 단지 그게 모든 – Tom

1

Scaffold 도움이 될 수 있습니다. 필요하지 않은 것을 제거하지는 않지만 하나의 작은 파일로 컴파일합니다.

사용하지 않는 CSS를 제거하려면 위의 해결 방법보다 속도가 느려지는 JavaScript가 필요합니다.

+0

죽은 링크를 궁금해. 대신 여기로 가십시오 : https://github.com/anthonyshort/Scaffold/wiki – Muhd

+0

이 도구가 PHP 용일뿐입니다. – Muhd

4

Dust-Me Selectors (Firefox의 addon)을 사용하여 사용하지 않은 CSS를 확인하고 특정 페이지에 대해 삭제할 것을 제안합니다. 이것은 당신이 즉석에서 삭제할 수있는 것이 아닙니다.

alt text

+0

Dust Me Selectors가 포기 된 것처럼 보이며 Sitemap을 사용하여 검색하는 기능 중 일부가 완료되지 않았거나 중단되었습니다. –

1

은 즉시 당신의 CSS를 최적화하는 나쁜 관행 것을 나에게 보인다. 서버/사용자의 브라우저 성능을 저하시킬 수 있기 때문에 서버 쪽에서도 클라이언트 쪽에서도 마찬가지입니다.

CSS 크기가 매우 중요하면 웹 응용 프로그램에서 사용되는 각 글로벌 유형의 페이지에 대해 미리 최적화 된 스타일 시트를 수동으로 만들고이를 전환하는 것이 더 좋습니다. 이 필요를 위해, 파이어 폭스의 Firebug를위한 하나의 유용한 애드온 인 CSS Coverage이 있습니다. 이 도구를 사용하면 사이트의 여러 페이지를 스캔하여 각 페이지 또는 많은 페이지에서 사이트에서 실제로 사용되는 CSS 규칙을 확인할 수 있습니다.

1

그런트 (Grunt)를위한 UnCSS라는 정말 편리한 플러그인이 있습니다. 사용하지 않는 CSS는 자동으로 제거됩니다. 추가 정보를 원하시면이 링크를 체크 아웃 :

Remove Unused CSS automatically

관련 문제