スクロールダウンすると読み込まれるサイトを見たことがある人は多いと思います。たとえば、マンガ/コミック サイトでは、スクロールダウンするとリソース (画像) が読み込まれます。
私が探しているのは、これらすべてのリソースと画像をワンクリックで強制ロードすることですスクロールダウンせずに、これは可能ですか?どうすればこれを実現できますか?
ありがとうございます
答え1
答え2
私の知る限り、JS を変更するカスタム拡張機能を記述するか、縦長の画面のデバイスをエミュレートしない限り、それは不可能です。どちらも 1 つの目的を果たします。つまり、Web サイトに、ユーザーがすでに画像に到達したと思わせ、ユーザーが実際にスクロールする前に画像を表示することです。
スクロールダウン中に読み込まれるサイトは遅延読み込みとは何の関係もありません。代わりに、と呼ばれるものを使用しています。アヤックスこれにより、サイト自体(ブラウザの代わりにではなく)がリロードせずにリアルタイムで画像をリクエストできるようになります。そのため、赤い読み込みスピナーが表示されます。画像がブラウザによって遅延読み込みされた場合、ゆっくりと表示されます。たとえば、この巨大な(90メガ!)モナリザのスキャンはWikipediaからこれは、ブラウザで遅延読み込みがどのように見えるかを示す例として役立ちます。スピナーなしで、画像がゆっくりと下向きに成長します。
一方、このコミック サイトは、ユーザーが閲覧していない限り画像を読み込まないようにプログラムされています。次の方法でこれを緩和できます。
- ページのローダー スクリプトを変更し、すべてをできるだけ早く提供できるようにするブックマークレットまたは拡張機能を JS で作成します。
- Firefoxのようなものを使うレスポンシブデザインモード幅を画面スペースに設定し、高さを大幅に増やしてから、実際のコンテンツ(画面ではない)をスクロールします。画像は、実際の画面スペースに入る前に読み込まれる必要があります。
- より高速な接続を実現する (これは本当にオプションです!)。画像の読み込みが速くなり、イライラがかなり軽減される可能性があります。
幸運を!
答え3
mangamtl で機能する回避策を思いつきましたが、他のサイトではまだ試していません。
ウェブページを完全にズームアウトし、最後までスクロールして上に戻ってみてください。そうすると、すべての画像の読み込みが開始されるようです。