소개 : jQuery AJAX를 사용하여 /header/header.html의 헤더를로드하는 HTML로 웹 사이트를 작성하고 있습니다.이 기능은 완벽하게 작동합니다. 이 사이트는 여전히 W.I.P.이므로 트래픽이 많지 않습니다 (아직).서브 디렉토리의 페이지로 웹 사이트 내용로드()
문제 : 현재 내용은 다음과 같이 약간 긴지고, 그리고 보이는된다
그래서<body>
load(header/header.html)
wall_of_txt
</body>
이 보일 것이다, 그래서 나는 내용을 분할 및/콘텐츠 /뿐만 아니라 이러한로드 고려 중이 야 다음과 같이하십시오 :
<body>
load(header/header.html,
content/content1.html
content/content2.html
content/content3.html
content/content4.html
content/content5.html)
...
</body>
각각의 작은 파일은 더 쉽게 작업 할 수 있습니다. 그러나 저는 전문가가 아니므로 이것이 웹 사이트 성능에 어떤 영향을 미치는지 궁금합니다. 로드 된 내용은 여전히 동일한 크기이지만, 서버에 스트레스를주고, 효과가 무시할 수있을 정도로 많은 (10-50) 소스에서 내용이로드되었다는 가정하에 제공됩니다. 단순화 나는 fetch (10kb.html + 10kb.html + 10kb.html + ...)가 단일 가져 오기 (150kb)와 비교하여 너무 많은 요청으로 서버에 스트레스를 줄 것인지 묻습니다.
질문 : 웹 사이트를 구성 할 때 고려해야 할 솔루션이 좋을지, 아니면 성능에 영향을 미칠 수 있습니까? 또는 웹 사이트를 구성하는 더 좋은 방법이 있습니까?