2012-06-14 3 views
0

Google 크롬 감사 보고서에 따르면 jquery_mobile.css는 904KB (축소)이고 그 중 87 %가 현재 페이지에서 사용되지 않고 있으며 웹 앱의 대부분의 페이지는 유사합니다. 해당 파일을 정리하고 데이터 전송을 저장하는 데 사용되지 않는 모든 스타일을 제거하는 간단한 방법이 있는지 궁금합니다.jquery_mobile.css 파일을 정리하는 방법은 무엇입니까?

아이디어가 있으십니까?

답변

0

많은 수의 컨트롤이 jquery에 포함되어 있기 때문에 간단한 방법이 없습니다. 당신은 당신이 사용하고있는 것과 사용하지 않는 것을 아는 유일한 사람이 될 것입니다.

CSS의 크기를 줄이는 유일한 방법은 github repo https://github.com/jquery/jquery-mobile/tree/master/css을 사용하고 사용중인 구성 요소의 CSS 파일을 선택하는 것입니다.

최신 릴리스의 CSS 파일을 삭제하는 것이 아니라 새 릴리스가있을 때 수동으로 업데이트해야한다는 의미입니다.

+0

팁 주셔서 감사합니다. 내 프로젝트에 관련 CSS 파일을 계속 추가하려고했지만 전체 내용을 추가 할 때처럼보기를 표시하지는 못했습니다. 어떤 경우에는 jquery 모바일을 완전히 제거하는 것에 대해 생각하기 시작했습니다. 데이터의 낭비처럼 느껴집니다. – Pod

+0

개별 파일을 추가 할 때 "theme"폴더의 파일을 포함해야합니다. 주제는 대부분의 일반 스타일링이있는 것입니다. – codemonkey

+0

예, 테마에서 파일을 추가했습니다. 나는 모든 것이 좋았던 점에 도착했다. 그러나 나는 모든 것을 잊었을 정도로 페이지의 아래의 정적 인로드 아이콘을 볼 것이다. 실제로 저는 jquery mobile "magic"으로 인해 문제를 일으키고로드하는 데 많은 어려움을 겪었습니다. 나는 그것을 완전히 제거했고 로딩 시간은 15 초가되기 3.5 초가되었습니다! 그리고 숨겨진 속임수없이 모든 것을 통제합니다. 이제부터 안녕히 계십시오 jquery mobile ... 힌트 코드 주셔서 감사합니다. – Pod

관련 문제