index.php 에서 CSS, Javascript 를 파일 하나에 다 넣는것과
index.php
style.css
script.js
이렇게 구분하는 것 중 어떤것이 페이지 로딩에 빠르나요?
|
답변 4개
채택된 답변
+20 포인트
2022-01-08 (토) 12:55:43
파일 하나에 넣든, 분리를 하든 위치가 중요합니다. 아래 구조가 빠릅니다. (편의상 최소 요소)
Copy
<html>
<head>
<style>
</style>
</head>
<body>
:
<script>
</script>
</body>
</html>* 추천
Copy
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
:
<script src="script.js"></script>
</body>
</html>자세한 내용은 웹 브라우저 렌더링, 브라우저 동작 등으로 검색해보세요.
- https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work
2022-01-08 (토) 14:29:05
화일별로 분리를 하면 css는 힌번 다운로드 한 후 다음 접속 부터는 서버가 아닌
내컴에 저장된 임시화일을 사용하기때문에 당연히 빨라집니다
2022-01-08 (토) 13:23:15
브라우저 캐싱 때문에 css 파일과 js 파일을 한 곳에 넣는 것 보다는 따로 지정하는 것이 좋습니다
2022-01-08 (토) 11:34:58
cdn 참조가 아닌이상 수치적으로 속도를 가늠할수는 없을듯 싶습니다. 그게 그거라는거.
공통css, 공통스크립트는 공용으로 사용하기 위해 별도로 관리를 하고 유지보수나 브라우저 캐시등에
유리합니다. 또한 seo 가 판단하는 구조체에 더 어울리기도 하겠구요.
답변을 작성하려면 로그인이 필요합니다.