많은 트래픽이있는 소셜 커뮤니티가 있습니다. 사이트 레이아웃의 오른쪽 열에는 40x40 픽셀 크기의 친구, 지역 주민 등 30-40 개의 이미지가 인쇄 된 "온라인 목록"이 있습니다.각 페이지 뷰에 동적으로로드 된 이미지 30-40의로드 속도를 높입니다.
오른쪽 열이로드되기 직전에 이러한 이미지가 모두로드 될 때 중단됩니다. IE6까지 호환되는 더 빠른 솔루션이 필요합니다.
페이지가로드 된 후 인라인 gfx (IE6에서 지원) 또는 다른 방법을 사용하여 아약스로 이미지를로드 할 수 있습니까?
AJAX를 통해 이미지를로드하는 것이 효과적입니다. 예를 들어 jQuery를 사용하면 쉽게 할 수 있습니다. 표시하려는 모든 이미지에 대해 div를 정의하십시오. 페이지가 처음 표시 될 때 실제 이미지 대신 "로드 중 .."이미지 나 이와 비슷한 이미지를 표시 할 수 있습니다.
jQuery에는 많은 옵션이 있습니다. lazy loading에 대한 플러그인이 있으며 preload images 수 있으며 이미지가 표시 될 때 쉽게 효과를 추가 할 수 있습니다.
이 페이지 영역을 백그라운드에서 비동기 적으로로드합니다.
네, 이미지 로딩을 연기 할 수는 있지만보다 간단한 사용자 에이전트/스파이더가 페이지를 볼 수 있도록 <noscript> 태그 안에 일반 HTML 버전을 포함시킬 수 있습니다.
또 다른 기술은 브라우저가 일반적으로 각 도메인에 대해 적은 수의 연결 만 열기 때문에 여러 하위 도메인에서 이미지를로드하는 것입니다. 예를 들어 사이트가 foo.com에있는 경우 a.foo.com, b.foo.com 및 c.foo.com에서 정적 이미지를로드하십시오.
또한 30-40 개의 동적 사진을 표시하지 않는 것이 좋습니다. 서버 나 클라이언트 모두 효과적으로 이러한 그림을 캐시 할 수 없습니다.
이미지를 서버 측에서 크기를 조정하는 것과 관련된 문제가있는 경우 축소판을 한 번 저장 한 후에 저장하고 은 다음로드에서 축소판 만 제공 할 수 있습니다.
40 대부분의 스크립트에서는 작은 이미지가 문제가되지 않습니다. 40 풀 사이즈 이미지를 크기로 변경하면 많은로드가 발생할 수 있습니다.
의사 : 그 이미지의 썸네일이 썸네일을 생성하고 예, 는 미리보기를 제공
apache 재 작성을 사용하여 특정 이미지를 캐시하여 이러한 이미지를 캐시 할 수 있습니다. .png | etc 요청을 크기 조정 스크립트에 적용하십시오. 의심 할 여지없이 다른 서버에도 비슷한 기능이 있습니다.