목록으로

index.php 채택완료

울라프 3년 전 조회 1,889

답변 4

index.php 에서 CSS, Javascript 를 파일 하나에 다 넣는것과

index.php

style.css

script.js

이렇게 구분하는 것 중 어떤것이 페이지 로딩에 빠르나요?

#php

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

정렬:

채택된 답변

+20 포인트

BiHon

3년 전

파일 하나에 넣든, 분리를 하든 위치가 중요합니다. 아래 구조가 빠릅니다. (편의상 최소 요소)

</p>

<p><html></p>

<p><head></p>

<p><style></p>

<p></style></p>

<p></head></p>

<p><body></p>

<p>:</p>

<p><script></p>

<p></script></p>

<p></body></p>

<p></html></p>

<p>

* 추천

</p>

<p><html></p>

<p><head></p>

<p><link rel="stylesheet" type="text/css" href="style.css" /></p>

<p></head></p>

<p><body></p>

<p>:</p>

<p><script src="script.js"></script></p>

<p></body></p>

<p></html></p>

<p>

자세한 내용은 웹 브라우저 렌더링, 브라우저 동작 등으로 검색해보세요.

- https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

균이

3년 전

화일별로 분리를 하면 css는 힌번 다운로드 한 후 다음 접속 부터는 서버가 아닌

내컴에 저장된 임시화일을 사용하기때문에 당연히 빨라집니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

예뜨락

3년 전

브라우저 캐싱 때문에 css 파일과 js 파일을 한 곳에 넣는 것 보다는 따로 지정하는 것이 좋습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

포이치

3년 전

cdn 참조가 아닌이상 수치적으로 속도를 가늠할수는 없을듯 싶습니다. 그게 그거라는거.

공통css, 공통스크립트는 공용으로 사용하기 위해 별도로 관리를 하고 유지보수나 브라우저 캐시등에

유리합니다. 또한 seo 가 판단하는 구조체에 더 어울리기도 하겠구요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

index.php 채택완료

답변 4개

공유하기