JavaScript 및 CSS 파일이 페이지 내에 포함되어 있으면 HTTP 요청 수가 줄어들어 페이지로드가 빨라집니다. 나는 번개가 빠른 페이지에 관심이있는 어떤 조직이라도 그렇게 할 것이므로 뭔가를 놓치고있는 것처럼 느껴집니다. 그러나 소스 코드를 살펴보면 CSS 및 JavaScript가 많은 사이트는 해당 페이지에 리콜되지 않습니다.PHP 포함 (JavaScript 및 CSS 파일)
질문 :
위의 내 의견에 어떤 오류가 있습니까?
이 접근법의 단점은 무엇입니까 (psuedocde를 통해 제목에 표시)?
데이터가 외부 파일에있는 경우 데이터를 네트워크를 통해 다시 가져올 필요없이 다른 페이지 (또는 동일한 페이지, 다시 방문한 페이지)에 캐시하고 재사용 할 수 있습니다.
첫 번째 페이지에서 마이너 성능 페널티가 발생하며 이후 페이지에서 성능이 크게 향상됩니다.
내가 선택할 수 있습니다 내가 페이지 당 원하는 자바 스크립트있는 및 CSS 파일을 선택합니다 : 인 (그렇지 않으면 내가 자바 스크립트의 모든 다른 구성을 가진 파일 CSS의 톤과이있을 것이다
모듈화 주요 관심사입니다 그냥 지저분한).
또한 파일을 캐시하고이 일어나는의 예를 찾을 수 있습니다 다른 빠른
사람에게 손으로 할 수있는 사이트가 하나 개의 PNG 파일로 함께 자신의 이미지를 척하고 비트를 슬라이스 CSS를 사용할 때입니다 단추 등을 원합니다.
인라인 CSS 및 jscript뿐만 아니라 다른 측면도 있습니다. 코드를 작성할 때 반복하는 것을 싫어합니다. 오류가 발생하여 유지 관리 (업데이트/편집)가 어렵고 시간과 공간이 낭비됩니다. CSS 또는 jscript를 한 번 다운로드 한 파일에 인쇄하면 오류가 발생하기 쉽고 유지 보수가 쉽고 시간과 공간을 낭비하지 않습니다.
[Google Minify] (http://code.google.com/p/minify/)에서 css 파일과 js 파일을 결합 할 수있을뿐만 아니라 백엔드에서 파일을 축소 할 수 있습니다. 웹 사이트의 성능을 향상시킵니다. – AlienWebguy