PageSpeed Insights

サイト構築

リンクは色に依存して識別可能です-PageSpeed Insights_eyecatch

【PSI】“リンクは色に依存して識別可能です。”の対処法。

WordPress

reCAPTCHAを任意のページだけで読み込む_eyecatch

reCAPTCHAのjsを任意のページだけで読み込む方法。ロゴの非表示化にもお勧め!

サイト構築

[aria-hidden=true]要素にフォーカス可能な子要素が含まれています-PageSpeed Insights_eyecatch

[aria-hidden="true"] 要素にフォーカス可能な子要素が含まれていますが出る時の対処法。【PSI】

WordPress

ウェブフォント読み込み中のテキストの表示-fontawesome-svg_eyecatch

【PSI対策】“ウェブフォント読み込み中のテキストの表示”がFontAwesomeとSVGに出た。

サイト構築

リンクはクロールできません-PageSpeed Insights_eyecatch

“リンクはクロールできません”がPageSpeed Insightsで出た時の対処法。

サイト構築

[id]属性が有効でフォーカス可能な要素のIDが一意ではありません-PageSpeed Insights_eyecatch

“[id]属性が有効でフォーカス可能な要素のIDが一意ではありません”がPSIで出た時の対処法。

サイト構築

ARIA IDが一意ではありません-PageSpeed Insights_eyecatch

「ARIA ID が一意ではありません」がPageSpeed Insightsで出た時の対処法。

サイト構築

フォームの要素にラベルが関連付けられていません-PageSpeed Insights_eyecatch

「フォームの要素にラベルが関連付けられていません」がPageSpeed Insightsで出る時の対処法。

サイト構築

背景色と前景色には十分なコントラスト比がありません-PageSpeedInsights_eyecatch

「背景色と前景色には十分なコントラスト比がありません」がPageSpeed Insightsで出た時の対処法。

サイト構築

PageSpeedInsights-user-scalable-maximum-scale_eyecatch

ヘッダーの[user-scalable=no]や[maximum-scale]でPSIに怒られた時の対処法。

サイト構築

リンクに識別可能な名前が指定されていません-PageSpeed Insights_eyecatch

「リンクに識別可能な名前が指定されていません」が出る時の対処法。

サイト構築

使用していないCSSの削減_eyecatch

【使用していないCSSの削減】Chromeで不要なCSSを確認、削除する方法。使わないスタイルは読み込むだけ無駄!

WordPress

スクロールパフォーマンスを高める_eyecatch

「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」がWordpressで出る場合の解決方法。

サイト構築

scroll-blocking解決_eyecatch

scroll-blockingが発生するイベントリスナーにpassiveを指定してスクロールジャンクを防ぐ方法。

© 2020 sologaku