Webの記事一覧

URLの#gsc.tab=0を消す方法

URLの#gsc.tab=0を消す方法です。ある時、気が付いたらURLの末尾に「#gsc.tab=0」という謎の文字列が表示されるようになった。このサイトのURLを例に挙げると https://www.saka-en...

Google Tag ManagerとAdsenseを遅延読み込みする方法です。以前「PageSpeed Insightsのパフォーマンス改善のためにやったこと」でサイトの表示速度の高速化について紹介した。その結果、「...

Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法です。当サイトでは、パフォーマンス向上のためにGoogleフォントをCDNから読み込むのをやめてローカルに配置したものの、レンダリングがブロック...

input要素[type="submit"]で設定している検索ボタンをSVGにする方法です。当サイトではサイト内検索フォームに、検索向けAdSense（検索エンジン広告）を使っていたんだけど、事情が合ってWordPre...

Google Fontsを非同期で高速に読み込みする方法です。当サイトではGoogle Fontsの「Noto+Sans+JP」を使っている。ところがモバイルでは表示スピードが遅く、パフォーマンスに影響が出ていること...

iPhoneでSVGが表示されない場合の対処方法です。正確にはiOS/MacのSafariでdisplay:flexの中にsvgタグを入れると表示されないということ。ChromeやEdgeでは表示されるので、Safar...

WordPressで自作のSNSのシェアボタンを設置する方法です。当サイトではこれまで「AddToAny」というSNSシェアボタンを自動で設置してくれるプラグインを使っていました。特に不便もなく使っていたのですが、パ...

PageSpeed Insightsのパフォーマンス改善のためにやったことのまとめです。サイトの表示速度は検索順位に影響する。高速化することでSEO対策として有効となるのは、Webサイトを運営しているユーザーなら知って...

PageSpeed Insightsで「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法です。この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のスコ...

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」のエラーが出た時の改善方法です。この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のス...