제목과 콘텐츠의 일부분으로 서로 다른 많은 대화 상자가있는 웹 페이지가 있습니다.소량의 JS로 큰 웹 페이지를 만들거나 JS에서 생성 한 콘텐츠가있는 작은 웹 페이지를 만드는 것이 낫습니다.
렌더링 속도면에서 (호환성 문제는 신경 쓰지 않습니다.) 모든 대화 상자를 HTML 코드 (사실 Twig 템플릿)에 넣어야합니까?
JavaScript를 사용하여 클릭 한 단추에 따라 하나의 대화 상자 만 넣고 제목과 내용을 동적으로 편집해야합니까?
다른 말로하면 큰 웹 페이지 (크기) 또는 작은 웹 페이지를 갖는 것이 JS가 콘텐츠의 일부를 생성하는 것이 더 낫습니까?
로드시 문서 준비성 측면에서 일반적으로 모든 대화 상자를 HTML로 만드는 것이 가장 좋습니다. gzip을 사용하면 HTML을 꽤 잘 압축 할 수 있으므로 걱정하지 마십시오. Last-Modified 및 ETag을 사용하여 콘텐츠 캐싱을 관리하여 네트워크 트래픽을 추가로 줄일 수 있습니다.
HTML 안에 대화 상자가 있으면 검색 엔진이 사이트를 긁어 모으기 때문에 검색 엔진 최적화 (SEO)의 이점이있을 수 있습니다.
스펙트럼의 다른 측면에는 자바 스크립트를 사용하여 모든 대화 내용이 동적으로로드되는 노출 된 HTML 페이지 (작음)가 있습니다. JavaScript를 사용하여 동적으로 폼을 구성하는 것이 특히 편리하지 않기 때문에 일반적으로 한 번에 HTML, CSS 및 JS를로드하는 구성 요소 로더 시스템을 구현합니다. 이 방법은 내가 좋아하는 편집기를 사용하여 HTML을 유지 관리 할 수 있습니다. 사용자가 모양을 잘 관리하면 사용자는 부하를 많이 인식하지 못합니다.
아마도 중간에 뭔가 갈 수 있습니다. 자주 사용되는 대화 상자는 HTML 내부에 있지만, 덜 사용되는 것은 필요할 때로드됩니다. 결국 그것은 사용자 경험과 사이트 속도를 어떻게 인식하는지에 관한 것입니다.
[최근 트위터 변경 사항] (http://engineering.twitter.com/2012/05/improving-performance-on-twittercom.html)을 상기시켜줍니다. – Franz