問題タブ [pagespeed-insights]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - HTML5の
私たちのウェブサイト (ucraft.com) では、アニメーション GIF の代替としてタグを使用しています。
ページのトップ画面には背景画像があり、その上にテキストと行動喚起ボタンがあります。その後、コンテンツの別のブロックがあり、左側にビデオ、右側にテキストがあります...
そのブロックの後に、同じシナリオの他の 2 つのブロック (タグとテキスト) があります。
モバイル (iOS および Chrome) では、ブラウザはビデオが自動再生されるのを待っています。その後、最初の (トップ) 画面に背景画像のみが表示されます。
このように Lighthouse は、レンダリングがうまく整理されていないという問題を引き起こしています。
一方で、ページのすべての動画が読み込まれるまで画像が読み込まれない (これは重要です) ため、ユーザーは何をすべきかを本当に理解していないため、Web サイトの UX は良くありません。
このため、Google のページ速度はモバイルでは 30 ですが、デスクトップでは 90 です。
ここで pagespeed の結果を参照してください: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.ucraft.com
または、デバイスでホームページを開いて...
ビデオに使用しているコードは次のとおりです。
そして、このコードは、ビデオを遅延ロードするために に入れています。
ビデオを再生する準備が整う前に、タグを含めてすべてを読み込み、ポスターを表示するようにブラウザに指示する何かが欠けていますか?
screen-capture - pagespeedonline を使用して Web ページのスクリーンショットを撮る
Google のページ スピード インサイトを使用して、Web ページのサムネイルをキャプチャしたいと考えています。
スクリーン キャプチャ以外のすべての操作を無効にして、応答時間を長くすることはできますか。現在、かなりの時間がかかっています。
また、API呼び出しを行うためのコストはいくらですか?
pagespeed-insights - 自分の国からのアクセス結果を取得するにはどうすればよいですか?
私は日本の Web サイトの開発者で、PageSpeed Insights を使用しています。
ウェブサイトは多言語サイトです。たとえば、米国からアクセスしている場合は、米国版のサイトにリダイレクトされます。
自国からのアクセス結果を取得したいのですが、結果の画面キャプチャーがアメリカ版サイトのようです。
以前のバージョンの PageSpeed Insights では、私の国のアクセス結果が提供されていました。
日本からのアクセス結果を取得するにはどうすればよいですか?
ありがとう