Programing

왜 많은 사이트에서 HTML이 아닌 CSS와 JavaScript를 축소합니까?

lottogame 2021. 1. 10. 16:45
반응형

왜 많은 사이트에서 HTML이 아닌 CSS와 JavaScript를 축소합니까?


중복 가능성 :
마크 업이 아닌 자산을 축소하는 이유는 무엇입니까?

웹 사이트 응답 시간을 늘리기 위해 축소 된 CSS 및 JavaScript를 사용하는 사이트를 많이 보았지만 축소 된 HTML을 사용하는 사이트는 본 적이 없습니다. HTML이 축소되는 것을 원하지 않는 이유는 무엇입니까?


왜냐하면 당신이 제대로 일을하고 있다면 당신은 어쨌든 HTML gzip을 제공하고 있기 때문에 HTML 축소의 열매 인 공백은 그다지 관련이 없습니다. CSS와 자바 스크립트에 존재하는 HTML의 축소를위한 쉬운 타겟 (예 : 변수 이름)은 많지 않습니다. HTML 콘텐츠의 대부분은 페이지 의 실제 콘텐츠 이며, 아마도 축소 할 수 없을 것입니다 (다른 사람들이 지적했듯이 CSS 또는 JS보다 거의 확실하게 더 자주 달라질 것입니다).


대부분의 사이트에는 정적 CSS와 Javascript가 있다고 생각합니다. 즉, 업데이트 될 때마다 한 번만 축소 될 수 있습니다. 반면에 HTML은 동적으로 생성되는 경향이 있습니다. 즉, 모든 페이지 요청에서 축소되어야하므로 정적 CSS 및 Javascript 파일을 축소하는 것보다 비용이 훨씬 많이 듭니다.


HTML에서 축소 할 여지가 그렇게 많지 않다고 생각합니다. 공백과 줄 바꿈을 제거 할 수 있지만 본질적으로 페이지의 구조에 실제로 들어 가지 않고도 그 정도입니다.

JS 축소는 변수 및 함수 이름을 줄일 수 있으며, 아마도 공간 절약 측면에서 가장 큰 순이익 일 것입니다. 고정 된 태그 세트를 사용하는 HTML은 그러한 가능성을 제공하지 않습니다.

HTML을 gzip하는 옵션은 아마도 축소 할 필요가 거의 없을 것입니다. 특히 일반적으로 HTML에 대해 활성화되는 반면, (불필요하게) 항상 CSS 및 JS 파일 유형을위한 것은 아닙니다.


주로 Javascript 파일과 CSS 스타일 시트가 배포시 변경되지 않는 정적 파일이기 때문입니다. 반면에 마크 업은 종종 즉석에서 생성되며 (적어도 데이터베이스 기반 웹 앱에서는) "페이지"수가 일반적으로 크고 동적이므로 축소의 이점이 가치보다 더 많이 작동합니다.


gzip으로 압축되는 Html 콘텐츠는 대부분의 압축을 처리하며 그 위에 압축하면 많은 작업을 수행하거나 많은 대역폭을 절약 할 수 없습니다.

빌드의 일부로 축소 할 수있는 Javascript, 전체 HTML 콘텐츠에서 이것이 발생하는 유일한 방법은 모든 조각을 축소하거나 (생성 된 경우 어떻게됩니까?) 전체 시간을 축소하는 것입니다 (작업하기에 악몽?).

비용 대 이점, 비용 : 한계 대역폭 , 이점 : 작업하기 쉽고, 생성하기 쉬우 며, 디버그하기 쉬우 며, 내 소스보기 창에서 예쁘다.

참조 URL : https://stackoverflow.com/questions/2359484/why-do-many-sites-minify-css-and-javascript-but-not-html

반응형