iframe 대 ajax (JSON)의 성능 차이

Question

형식이 지정된 요소를 iframe을 통해로드하거나 json 데이터를 검색하는 ajax 호출을 통해로드하고 javascript로 HTML 디자인에 넣을 때 성능 차이가 있습니까? 나는 주요 웹 사이트가 그것을하고있는 방법을 보는 경향이있다. 그리고 나는 ebay가 많은 iframe을 사용한다는 것을 알아 차렸다. 홈페이지에는 4 개의 iframe이 있는데 그 중 하나는 광고이기 때문에 분명합니다.

또한 iframe 내에서 동일한 도메인에 있지만 부모의 자바 스크립트 파일에 액세스 할 수 없으므로 iframe 내에서 .js 파일을 다시로드해야합니다. 나는 이것이 기술적 인 문제인지 또는 XSS가 여전히 이상한지에 대한 안전 예방 조치인지 궁금하다. 예를 들어, jquery .js 배포 파일이 있는데이 파일을 부모 파일과 iframe에 모두로드해야한다. . 브라우저가 부모의 캐시 된 버전을 사용하거나 전체 .js 파일을 다시 다운로드합니까?

Answer 1

이것은 실제로 많은 질문입니다.

먼저 전반적인 속도를 알려 드리겠습니다. 짧은 대답은 다릅니다. 여기에는 여러 가지 요소가 있습니다. Ajax 방법 - 서버에서 데이터를로드하는 것이 빠를수록 클라이언트 측 표시 속도가 느려집니다. IFrame 방식 - 서버에서로드하는 속도가 느리며 클라이언트 쪽을 더 빨리 표시 할 수 있습니다.

iframe을 광고에 사용하는 추세는 보안 문제와 전반적인 디자인 요구 사항과 관련이 있다고 생각합니다.

iframe 내에서 부모와 동일한 도메인에서로드 한 경우 parent.$ 또는 parent.jQuery을 수행 할 수 있어야합니다. this question을 참조하십시오.

캐싱은 여기에 전체 레이어를 추가합니다. 캐시 설정은 브라우저 설정이나 프록시 설정에 따라 다르지만 실제로 발생할 수 있습니다.

Answer 2

글쎄 그것은 데이터와 HTML의 출처와 방식에 달려 있습니다.

HTML 콘텐츠가 다음 cdn 네트워크 또는 다른 도메인에서 오는 경우 링크의 데이터와 그 다른 콘텐츠의 모든 작동 기능을 표시하려면 iframe을 somepoint로 설정하는 것이 좋습니다.

빠른 속도로 데이터를로드하고 성능이 좋으면 AJAX 기능이 더 적합 할 것입니다.