웹 캡처 및 변환 도구

더 빠르게 캡처를 만드는 방법!

더 빠른 캡처

실제로 캡처를 렌더링하는 데 모든 시간이 사용되는 것은 아니기 때문에 캡처를 생성하는 데 시간이 얼마나 걸릴지 말하기는 어렵습니다. 예를 들어 대상 웹사이트나 HTML을 로드하는 데에도 약간의 시간이 필요합니다. 스크린샷 렌더링 속도를 높이려면 먼저 지연 스크린샷을 생성할 때.

지연을 지정하면 캡처를 생성하는 데 걸리는 시간이 늘어날 뿐만 아니라 드물게 대기열이 발생하는 경우 캡처 우선 순위에도 영향을 미칠 수 있습니다. 다행히도 이 주위에 방법.

다음 확인은 무엇입니까? 검색 방법 캡처가 완료되었다는 알림을 받기 위해 사용하고 계십니까? 동기 방식, SaveTo 훨씬 느리다 비동기 방식보다 Save. 마찬가지로 SaveTo 메소드는 스크린샷이 완료되었는지 확인하기 위해 XNUMX초마다 GrabzIt을 폴링해야 하며, 비동기 메소드는 스크린샷이 준비되자마자 콜백 URL을 호출합니다.

캡처 시간을 향상할 수 있는 다른 기술은 다음과 같습니다.

  1. 광고 차단, 이를 통해 일부 웹페이지를 캡처하는 데 걸리는 시간이 50% 단축됩니다.
  2. 세계의 특정 지역에서 호스팅되는 웹사이트를 캡처하려는 경우 국가를 지정하세요. 그 위치 근처에.
  3. 모든 곳에서 호스팅되는 웹사이트를 캡처하려는 경우 GrabzIt의 독점 제품을 사용하세요. 지역 타겟팅 기능.
  4. HTML을 변환하는 경우 into 이미지, PDF 또는 DOCX 문서에 참조된 이미지를 삽입해 보십시오(예: 데이터 URI), 스크립트 및 CSS 파일을 직접 int오 HTML. 이렇게 하면 HTML을 변환하기 전에 로드해야 하는 리소스 수가 줄어듭니다. 또한 숨겨진 HTML 요소 및 주석과 같이 출력에 표시될 필요가 없는 중복 HTML을 제거할 수 있는 경우. 이렇게 하면 HTML을 변환하는 데 걸리는 시간이 줄어듭니다.
  5. 당신은 경우 HD 캡처 생성, 이미지 너비 및 높이 매개변수를 -1 이외의 다른 값으로 설정하지 않았는지 확인하세요. 이렇게 하면 HD 이미지의 크기가 다시 축소되므로 비생산적이고 시간 소모적입니다.
  6. 사용 지방의 or 글로벌 프록시 추가 홉을 추가합니다 into 네트워크 전송. 필요한 경우에만 프록시를 사용하십시오.

또 다른 문제는 스크린샷을 다운로드하는 데 걸리는 시간일 수 있습니다. 먼저 생성 중인 캡처의 크기를 확인하십시오. 파일이 큰 경우 다음 중 하나 이상을 수행하여 다운로드 시간을 향상시킬 수 있습니다.

  1. 출력 너비와 높이를 변경하여 이미지 크기를 줄입니다.
  2. 감소 캡처 품질.
  3. PNG와 같이 보다 압축된 이미지 형식을 사용하십시오.

마지막으로 페이지를 제어하는 ​​경우 최적화를 시도하는 스크린샷을 찍습니다. 이를 위해서는 약간의 테스트가 필요하지만 save 당신은 몇 초. 시도해 볼 수 있는 방법에는 이미지, 스크립트 및 CSS를 압축하거나 리소스를 직접 삽입하는 것도 포함됩니다. into 웹페이지의 HTML. 이렇게 하면 웹 캡처를 생성할 때 별도의 요청이 방지됩니다.

JavaScript API 관련 개선 사항

위의 최적화 중 대부분은 JavaScript API를 사용하여 구현할 수 있지만 JavaScript는 서버 측이 아닌 브라우저에서 실행되므로 일련의 잠재적인 최적화와 고유한 문제가 있습니다.

사용을 고려하십시오 preconnect 기술. 이렇게 하면 GrabzIt의 API를 처음 호출하기 전에 DNS 확인 및 필요한 SSL 핸드셰이크가 완료됩니다. 이렇게 하려면 다음 코드를 HEAD GrabzIt이 사용되는 HTML 페이지의 태그입니다.

<link rel="preconnect" href="https://api.grabz.it" crossorigin>
<link rel="preconnect" href="https://grabz.it" crossorigin>

귀하의 웹사이트가 HTTP 단, 위의 URL을 사용하려면 변경해야 합니다. http 하지 https.

JavaScript를 사용하는 경우 DataURI 메서드 JavaScript는 이미지를 바이트로 읽고 이를 데이터 URI로 변환해야 하므로 서버 측 API에 비해 추가 오버헤드가 추가됩니다.