Webをキャプチャして変換するツール

キャプチャをさらに速く作成する方法!

より高速なキャプチャ

実際にキャプチャのレンダリングにすべての時間が費やされるわけではないため、キャプチャの作成にどれくらい時間がかかるかを言うのは困難です。 たとえば、ターゲット Web サイトや HTML をロードするのにも時間がかかります。 スクリーンショットのレンダリングを高速化するには、まず、 遅らせる スクリーンショットを生成するとき。

遅延を指定すると、キャプチャの作成にかかる時間が長くなるだけでなく、万が一キューが発生した場合には、キャプチャの優先順位にも影響を与える可能性があります。 幸いなことに、 この回避する方法.

次のチェックは何ですか 検索方法 キャプチャが完了したことを通知するために使用していますか? 同期方式では、 SaveTo ずっと遅いです 非同期メソッドよりも Save。 として SaveTo メソッドは XNUMX 秒ごとに GrabzIt をポーリングしてスクリーンショットが完了したかどうかを判断する必要がありますが、非同期メソッドはスクリーンショットの準備ができるとすぐにコールバック URL を呼び出します。

キャプチャ時間を短縮できるその他のテクニックには次のものがあります。

  1. 広告のブロック、これにより、一部の Web ページのキャプチャにかかる時間が 50% 短縮されます。
  2. 世界の特定の地域でホストされている Web サイトをキャプチャしようとしている場合は、国を指定してください その場所の近くに.
  3. 世界中でホストされている Web サイトをキャプチャしようとしている場合は、GrabzIt 専用のアプリを使用してください ジオターゲティング機能.
  4. HTMLを変換する場合 into 画像、PDF、または DOCX ドキュメントには、参照された画像を埋め込んでみてください ( データURI)、スクリプト、CSS ファイルを直接 into HTML。 これにより、HTML を変換する前にロードする必要があるリソースの数が減ります。 また、非表示の HTML 要素やコメントなど、出力に表示する必要のない冗長な HTML を削除できるかどうかも同様です。 これにより、HTML の変換にかかる時間が短縮されます。
  5. あなたがある場合 HD キャプチャの作成、画像の幅と高さのパラメータを -1 以外に設定していないことを確認してください。 これにより、HD 画像が再び縮小されるため、逆効果となり、時間がかかります。
  6. 使い方 ローカル or グローバルプロキシ 余分なホップを追加します into ネットワーク送信。 必要な場合にのみプロキシを使用してください。
  7. キャプチャを FTP、Dropbox、S3 などのサードパーティ ストレージにエクスポートすることは避けてください。これにより、キャプチャが返されるまでに余分な遅延が追加されるためです。

もう XNUMX つの問題は、スクリーンショットのダウンロードにかかる時間です。 まず、作成しているキャプチャのサイズを確認します。ファイルが大きい場合は、次の XNUMX つ以上を実行してダウンロード時間を短縮することができます。

  1. 出力の幅と高さを変更して、画像のサイズを小さくします。
  2. 液量を減らして キャプチャの品質.
  3. PNG などのより圧縮された画像形式を使用してください。

最後に、ページを制御している場合は、スクリーンショットを撮り、最適化を試みます。 これには少しテストが必要ですが、 save 数秒間。 画像、スクリプト、CSS を圧縮したり、リソースを直接埋め込んだりすることもできます。 into Web ページの HTML。 これにより、Web キャプチャを生成するときに個別のリクエストが回避されます。

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 に比べて余分なオーバーヘッドが追加されます。