iFrame 모범 사례
https://stackoverflow.com/questions/17289
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
제가 디자인하고 있는 사이트에 대한 대형 고화질 JavaScript 중심 이미지 배너가 있습니다.로드 시간이 한 번만 발생하도록 iframe을 사용하는 것에 대한 모든 사람의 의견은 무엇입니까?iframe에 대한 CSS 대안이 있습니까?
자유롭게 사이트 미리보기.
이는 매우 진행 중인 작업입니다.
해결책
또한 배너 회전이 계속 움직이기를 원한다고 언급했어야 했습니다.방문자가 링크를 클릭하면 배너 회전이 다시 시작됩니다.사용자가 방문하는 페이지에 관계없이 "애니메이션"이 계속 회전하면 좋을 것입니다.Blockquote
글쎄, 그런 경우에는 그렇게 하지 않는 것이 좋습니다.이를 달성하는 유일한 방법은 실제 웹사이트 콘텐츠를 iframe에 두는 것입니다. 이는 갑자기 사이트에 부정적인 측면이 많이 생긴다는 것을 의미합니다.주소 표시줄이 변경되지 않아 URL을 쉽게 북마크에 추가할 수 없습니다.접근성 문제;등
내 생각에 대부분의 사람들은 다시 로드되는 것에 신경 쓰지 않을 것입니다.방문자가 귀하의 웹사이트를 방문하면 즉시 멋진 배너에 감탄하게 될 것이며, 사이트를 탐색하는 동안 계속해서 이를 무시할 것입니다. 본 적이 없는 이미지가 나타나 귀하의 콘텐츠에서 멀어지게 할 때까지 말입니다.
회전을 무작위로 충분히 유지하고 충분한 이미지를 사용하면 사람들은 어느 페이지에서든 멈춰서 해당 페이지를 보게 될 것입니다.
다른 팁
iFrame 헤더의 주요 과제는 크기 조정입니다.헤더의 글꼴이 고정 크기이므로 iFrame을 사용하는 데 문제가 없습니다.비록 그만한 가치가 있을 만큼 실제로 집중적인 것인지는 잘 모르겠습니다.
브라우저는 첫 번째 로드 시 배너 이미지 7개를 모두 캐시한 다음 이후 각 후속 페이지에 대해 캐시에서 해당 이미지를 실행합니다.문제 없을 것 같아요 :D
Firefox에서 Firebug의 Net 모니터링 도구를 사용해 보세요.
이는 CSS 없이도 작동할 수 있지만 CSS를 사용하여 배경을 로드하고 서버가 올바르게 구성된 경우 이미지는 이미 한 번만 다운로드되어야 합니다.
일반적으로 브라우저는 마지막으로 다운로드한 이후 수정되지 않은 경우에만 요청하여 리소스를 요청합니다.이 경우 주고받는 유일한 것은 HTTP 헤더뿐이며 콘텐츠는 없습니다.
이미지가 한 번만 다운로드되도록 하려면 .htacces 또는 apache2.conf 규칙을 추가하여 이미지가 며칠 후에 만료되도록 하여 사용자가 캐시가 지워지거나 콘텐츠가 만료된 경우에만 이미지를 다시 요청할 수 있도록 하세요. 날짜가 지났습니다..htaccess 파일은 귀하의 경우에 사용하기에는 너무 과도하지만 결과는 다를 수 있습니다.
기본 페이지를 한 번 로드한 다음 필요할 때 다른 요소를 비동기적으로 로드하도록 할 수 있습니다(ajax).그렇게 하면 iFrame이 필요하지 않습니다. 새로운 재질만 로드하는 예는 다음과 같습니다..
IFrame을 페이지의 일종의 마스터 페이지/템플릿으로 사용하는 것이 좋을 수 있지만 IFrame은 검색 가능성/SEO에 부정적인 영향을 미치는 것으로 알려져 있습니다.
이미지가 처음으로 로드되면(그리고 사이트에 있는 대용량 고화질 이미지의 경우 속도가 느려지기 때문에 처음에는 불필요할 수도 있습니다) 무슨 일이 있어도 그렇습니다) 이미지는 브라우저에 의해 캐시되며 사용자가 캐시를 지우거나 다음 작업을 수행할 때까지 다시 로드되지 않습니다. Ctrl 키+F5.
