CSS 감사 및 최적화 도구

웹 사이트가 성장하기 시작하면 코드도 증가합니다.. 코드가 확장됨에 따라 CSS가 갑자기 유지 관리되기 어려워지고 CSS 규칙을 다른 CSS 규칙으로 덮어 쓸 수 있습니다. 이것은 복잡하고 많은 버그로 끝날 것입니다..

이것이 당신에게 일어난다면, 그것은 당신에게 시간입니다. 사이트의 CSS 감사. CSS를 감사하면 CSS의 최적화되지 않은 부분을 식별 할 수 있습니다. 또한 사이트의 성능을 저하시키는 코드 줄을 제거하여 스타일 시트 파일 크기를 줄일 수 있습니다.

CSS 감사 및 최적화에 도움이되는 5 가지 도구가 있습니다..

유형 - 오 - 매틱

유형 - 오 - 매틱 웹 사이트에서 사용중인 글꼴을 분석하기위한 Firebug 플러그인입니다. 이 플러그인은 글꼴 패밀리, 크기, 무게, 색상 및 웹 페이지에서 글꼴이 사용 된 횟수와 같은 글꼴 속성을 포함하는 시각적 보고서를 테이블에 제공합니다. 보고서 표를 통해 글꼴 사용을 쉽게 최적화하고 불필요한 것을 제거하거나 너무 비슷한 스타일을 결합 할 수 있습니다..

CSS 린트

CSS 린트 ~이다. 보풀 CSS의 성능, 액세스 가능성 및 호환성을 해결하는 특정 매개 변수를 기반으로 CSS 구문을 분석하는 도구입니다. 결과에 놀랄 것이고, CSS에 많은 경고가 올 것입니다. 그러나 이러한 오류는 궁극적으로 CSS 구문을 수정하고 더 효율적으로 만드는 데 도움이됩니다. 또한, 더 나은 CSS 작성자가 될 것입니다..

CSS ColorGuard

CSS ColorGuard 비교적 새로운 도구입니다. 노드 모듈로 제작되었으며 Windows, OS X 및 Linux와 같은 모든 플랫폼에서 실행됩니다. CSS ColorGuard는 스타일 시트에서 비슷한 색상을 사용하고 있다면 알려주는 명령 행 도구입니다. 예 :. # f3f3f3 꽤 가까이에있다. # f4f4f4, 그래서 두 가지를 합치는 것이 좋습니다. CSS ColorGuard를 구성 할 수 있으므로 유사성 임계 값을 설정하고 도구에서 무시할 색상을 설정할 수 있습니다.

CSS 추출

CSS 추출 Python 스크립트이며 컴퓨터에서 로컬로 작동합니다. CSS Dig는 CSS에서 철저한 검사를 실행합니다. 속성을 읽고 결합합니다. 모든 배경 색상 선언은 배경 섹션 아래로 이동합니다. 이렇게하면 CSS 구문을 표준화하려고 할 때 보고서를 기반으로 의사 결정을 쉽게 내릴 수 있습니다. 다음과 같은 색상으로 스타일을 통해 색상을 찾을 수 있습니다.

 색상 : #ccc; 색상 : #cccccc; 색상 : #CCC; color : #CCCCCC; 

이러한 색상 선언은 동일한 작업을 수행합니다. 당신도 함께 갈 수 있습니다. #ccc 또는 자본과 #CCC 표준으로. CSS Dig는 다른 CSS 속성에 대해서도이 중복성을 나타낼 수 있으며 코드를보다 일관성있게 만들 수 있습니다..