2010-06-28 3 views
11

나는, 작게를 최적화하고 HTML + 자바 스크립트 + CSS는 소형 도구

  • 자바 스크립트 (만은 작게하다) 그 가능한 유형의

    • HTML을 많은 파일로 찾으면 (작게하다, 최적화로 찾으면) 할 수있는 도구가 필요합니다 최종 결과는 HTML, JS 및 CSS 3 개 파일을 각각 만 포함 된 모든 자바 스크립트와 CSS 또는 최악의 시나리오에서 하나 개의 HTML 파일이어야합니다

  • CSS (작게하다).

    저는 YUI Compressor 등과 같은 도구를 알고 있습니다. 현재 내가 찾지 못한 것은 모든 파일 형식에서 작동하고 하나의 큰 파일로만 병합 할 압축기 유형입니다.

  • +1

    현재 Digua (http://digua.sourceforge.net)와 실험 중 –

    +0

    질문 : 도대체 어떻게 모든 파일을 하나의 파일로 병합 할 수 있습니까? 모든 파일이 이미 하나의 파일에 들어 있지 않다면 시작해야합니다. –

    +0

    그들은 하나씩 배치하여 배치/bash 스크립트와 쉽게 병합 할 수 있습니다. –

    답변

    0

    갓, CSS 축소에 대한 단점을 고려하십시오. 정상/축소/편집을 편집하는 시스템이 없으면 나중에 CSS를 편집 할 수 있습니다.

    국제 은행을위한 대규모 UI 새로 고침 프로젝트에서이 모든 논의를 진행했습니다. 한 사이트에서 매일 1 백만 명 이상의 방문객을 유치했으며 대역폭 사용량은 극히 적었지만 모든 인원이 미미했습니다 (많은 트래픽이 집중적으로 발생하는 사이트에 모든 것이 추가됩니다). 매우 재능있는 많은 팀의 비즈니스 분석 결과에 따르면 우리가 몇 가지 조치를 취할 것이라고 판단했지만 CSS를 수정하지 않은 것은 엔지니어가 단순 CSS 수정을 위해 수정, 축소 및 재배포하기 전에 축소 작업을 취소하는 데 걸리는 시간이 더 많아 졌기 때문입니다. 그 수치는 5GB/day의 대역폭 개선으로도 여분의 시간 동안 UI 엔지니어에게 비용을 지불하지 않는 것이 여전히 저렴하다는 것을 보여주었습니다.

    사이트의 구체적인 내용을 알 수는 없지만 예제에서 사용하는 트래픽에 대해서는 걱정할 필요가 없습니다. Firebug의 새로운 속도 분석기에서 사이트를 실행하고 실제 이점이 축소로 인한 것일 수 있는지 확인하십시오 ..... 이제는 트래픽을 곱하십시오. 대개 그 숫자는 너무 무서운 것이 아닙니다. http 요청을 제한하고 캐싱이 제대로 설정되었는지 확인하기 위해 이미지 스프라이트 작업에 시간을 할애하고 css와 js를 각각의 파일에 결합하여 이점을 캐싱하기 때문에 개별 PHP 파일을 매싱하는 것보다 낫습니다. gzip 압축을 실행하십시오. 이러한 단계를 거쳐야 좋지 않다면 사이트를 새로운 차원으로 끌어 올리십시오.

    간단하게 유지하면 사이트 수명주기의 업데이트 및 유지 관리 부분에서 큰 차이가 있습니다.내가 당신을 제안)

    +15

    누가 축소를 취소 하시겠습니까? 그것은 물론 쓸모가 없다. 매우 재능있는 팀으로 구성된 대규모 팀은 개발 버전과 배포를위한 간단한 자동화 된 프로세스 만 있어야한다는 것을 알 수 있습니다. 다시 축소를 실행 취소 하시겠습니까? 절대 들어 본적이 없다. 실행 취소 할 수없는 자바 스크립트 축소를 고려하십시오. 확실한 다른 접근법이 필요합니다 ... – galambalazs

    +1

    위와 같은 일부 비즈니스 설정에서 코드베이스에 별도의 코드 조각을 유지하는 옵션이 없습니다. 이 코드를 축소하고 배포하면 코드가 트렁크로 이동했습니다. 또한 배포 과정에서 별도의 비즈니스 프로세스를 축소하는 것도 상당한 어려움이었습니다. 다시 말하지만, 환경이 얼마나 복잡하고 성능면에서 사소한 개선을 위해 얼마나 많은 사람들이 참여하길 원하십니까? 내가 거기서 일하기 전에 한 인물의 변화가 어떻게 5 명이 3 주 걸릴 수 있는지 이해하지 못했을 것입니다. – bpeterson76

    +5

    "여분의 시간 동안 UI 엔지니어에게 돈을 지불하지 않는 것이 여전히 저렴했습니다."css = overkill imo – Enriquev

    2

    내 제안은 <script> 안에있는 모든 JavaScrpt를 헤더에 넣고 모든 CSS를 <style> 태그에도 넣는 것입니다. 그런 다음 최선의 능력을 발휘하도록 최적화 한 다음 직접 최소화하십시오. 소프트웨어로 모든 경우를 다룰 수있는 소프트웨어는 없습니다. 파일 크기를 최소화하려는 경우 줄 바꿈과 불필요한 공백을 제거하십시오.

    나는 또한 this을 찾았습니다. 파일에 모두 3을 사용해야합니다.

    선택적 태그를 제거하기 시작하면 몇 가지 문제가 발생할 수 있다는 점에 유의하십시오. 일부 브라우저는 예상 한대로 협조하지 않습니다.

    +1

    소프트웨어가 모든 경우를 처리 할 수 ​​없다는 것은 꽤 대담한 진술입니다. 특별한 경우가 그렇게 어려운 작업이 될 수 있습니까? 내가 생각할 수있는 가장 임박한 문제는 누군가가 상수로 표시해야하는 CSS 선택기를 사용하여 javascript를 사용하므로 축소로 인해 영향을받지 않습니다. –

    0

    내가 아는 한 그런 도구가 없습니다. 그러나 서버 측에서 PHP를 사용하는 경우 PHP Speedy (적극적으로 개발되지는 않았지만 작동 함) 또는 Minify (HTML, CSS, JS) 자동 캐싱 및 gzipping을 시도 할 수 있습니다.

    편집 : kangax의 HTML 마이너 (배저가 제안한대로)는 HTML 축소 만 수행합니다.

    +1

    서버 쪽이 없으므로 PHP를 사용할 수 없습니다 :). 이 프로젝트는 조금 이상하며 Java 또는 PHP와 같은 서버 측이 없습니다. Digua (http://digua.sourceforge.net)를 찾았습니다. 필요한 도구와 매우 흡사합니다. 현재 나는 그것을 실험하고있다. –

    2

    , 이미 사용을 시작하고 우리가이 일을 닫을 수 있습니다으로 우리를 도울 수 html5 상용구 : http://html5boilerplate.com/에 포함 된 빌드 스크립트를 살펴보십시오. 최소한의 조정을하면 자신이 원하는 것을 할 수 있습니다.

    -3

    을, 시간과 두통을 저장, 당신은 우리의 질문 : 당신은 아직 GZIP을 사용하지 않는 경우

    0

    jsCompressor을 사용하면 여러 개의 JavaScript 파일을 압축 및 축소하고 CSS Compressor을 사용하여 여러 개의 CSS 파일을 하나의 파일로 압축/축소 할 수 있습니다. 및 최적화 된 HTML 코드로 응답을 보내는 Google Clouser 서버에 코드의 게시물 요청을 보낼 수있는 HTML 파일을 최적화 할 수 있습니다.

    관련 문제