Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法
Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法です。 当サイトでは、パフォーマンス向上のためにGoogleフォントをCDNから読み込むのをやめてローカルに配置したものの、レンダリングがブロック...
Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法です。 当サイトでは、パフォーマンス向上のためにGoogleフォントをCDNから読み込むのをやめてローカルに配置したものの、レンダリングがブロック...
input要素[type="submit"]で設定している検索ボタンをSVGにする方法です。 当サイトではサイト内検索フォームに、検索向けAdSense(検索エンジン広告)を使っていたんだけど、事情が合ってWordPre...
PageSpeed Insightsで 「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法です。 この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のスコ...
PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」のエラーが出た時の改善方法です。 この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のス...
jQueryで「placeholder」に値を設定・書き換え・削除する方法です。 「placeholder」とは、フォームなどの入力欄にあらかじめ記入されている薄い灰色のテキストのこと。主に記入例としてのテキストが記載さ...
framesetを使わないフレームの分割方法です。 HTML4まで利用されていたframesetとframeの要素。HTML5からはiframeの利用が推奨されています。 frameset利用での分割は様々で、左側にメニ...
iPhoneのSafariでHTMLソースを確認する方法です。 出先でPCがない時にどうしてもWebサイトのHTMLソースを確認しないといけない、そんな場面ありますよね。そんなことあるの?!って・・、あったんですよー。 ...