모바일 웹 이미지 다운로드

Amazon은 방문자를 별도의 모바일 페이지로 리디렉션하여 0.4초 지연을 초래합니다. 두 개의 리디렉션이 있는 Dell 웹 사이트와 비교하여 1.2초 지연이 발생합니다. 스파르타 자바 스크립트의 좋은 예는 BBC의 모바일 웹 사이트입니다. 웹 사이트는 외부 자바 스크립트 파일을 사용하지 않습니다 – 그것은 모든 인라인입니다. 인라인 스크립트는 몇 줄로 제한되며 HTML 파일과 모든 인라인 JavaScript가 로드되는 데 0.78초가 걸리므로 메모리에 큰 영향을 미치지 않습니다. 더 많은 사람들이 랩톱이나 다른 대형 시스템보다는 휴대폰을 사용하여 작업함에 따라 모바일 장치에서 특정 작업을 수행할 수 없는(예: 앨범 다운로드)은 최소한의 자극적이라고 말할 수 있습니다. 바라건대, 구글은 주의를 취할 것입니다. 대신 CSS에서 배경 이미지로 로드하고 미디어 쿼리를 사용하여 조건부로 숨깁니다. 이 기술의 기초는 원래 제이슨 그릭스비에 의해 테스트및 팀 Kadlec에 의해 확장되었다. 변형은 Amazon의 별도의 모바일 페이지에서 장치별 이미지를 조건부로 로드하는 데 사용됩니다.

이에 대한 대답은 매우 간단합니다: 당신은 할 수 없습니다. 그러나 사용할 수 있는 몇 가지 해결 방법이 있습니다. 예를 들어 모바일 기기의 브라우저와 위에 나열된 단계를 사용하여 Google 테이크아웃을 사용할 수 있습니다. 앨범 내의 사진을 이메일이나 Google 드라이브에 공유한 다음 여기에서 다운로드할 수도 있습니다. 이 두 번째 방법은 꽤 어색하지만 작동합니다. 모바일 장치의 예측 불가능성 으로 인해 여러 장치에서 성능을 테스트하는 것이 중요합니다. 다음은 둥근 모서리, 그림자 놓기, 그라데이션 채우기 등 몇 가지 무료 성능 테스트 도구입니다. 반응형 이미지를 구현하기 위한 다양한 다른 기술이 있습니다. 자세한 내용은 다음 리소스를 확인하세요: Amazon의 개별 모바일 제품 페이지는 미디어 쿼리 일치에 따라 특정 배경 이미지를 div에 할당하는 반응형 이미지 기술을 사용합니다. 다음은 Amazon의 코드입니다: sprites 뒤에 아이디어는 HTTP 요청의 수를 감소, 하나의 이미지 파일에 일반적으로 사용되는 이미지를 결합하는 것입니다. 예를 들어 4개의 이미지를 단일 스프라이트에 결합하면 이론적으로 HTTP 요청을 4개에서 1개로 줄이는 것입니다. 그런 다음 CSS 배경 위치 속성을 사용하여 필요한 이미지가 표시됩니다.

WordPress.com 반응형 웹 사이트에는 이미지와 글꼴이 모두 포함됩니다. 보스턴 글로브의 응답 웹 사이트, 이는 단지에로드 4 스마트 폰에 초, 또한 데이터를 포함.