【コピペで簡単】 スマホ用Webサイト、ブログのクリック遅延の解消法

M

2019-03-15
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など
0 COMMENTS

こんにちは。FC2ブログを運営するブロガーMです。最近は、スマホを使ってWebサイトブログを閲覧するのが主流になりました。


今回は、スマホでWebを見る時にイライラする原因のひとつ「Clickイベントの遅延」について、その対策をご紹介します。とっても簡単だったので、さっそくボクのFC2ブログにも実装してみましたよ(^^)


【コピペで簡単】 スマホ用Webサイト、ブログのクリック遅延の解消法


ちなみに、ボクだけに限らず、ブロガーさん達は皆さんがスマホ主流の流れに沿って自分のサイトをレスポンシブデザインに変更してみたり、ページの読み込み速度を改善してみたり。「いかにしてスマホで快適にブログを見てもらうか」を主眼に、さまざまな工夫をなさっていることと思います。


今回ご紹介する方法は、たった数行のコピペだけで出来る簡単なClickイベントの遅延対策です。ぜひともご参考になさって頂ければ幸いです(^^)


スポンサードリンク

実装手順


では、さっそく見ていきましょう。今回は、スマホの場合に起きるClickイベントの遅延対策としてFastClickというJSを使います。


①FastClick.jsを読み込む


まず、下のコード
<head>
の中に記述します(タグの<>は半角に直して下さい)。

<script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'></script>

②FastClick.jsの初期化


続いて、もうひとつ。次のコードを、先ほどのコードの後に差し込みます(タグの<>は半角に直して下さい)。

<script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
</script>

以上です。たったこれだけ?(゚o゚;;そうです。これだけです。簡単でしたね!!


たったこれだけで、スマホから「aタグ」などをクリックした時に、一瞬で読み込みが始まります。



FastClick.jsは、すべてのブラウザに対応する遅延解消法としておすすめ!


スマホのClickイベントの遅延対策としては、他にもいろいろ考えられます。しかし、すべてのブラウザに対応させる遅延対策としては、現状ではFastClick.jsが一番最適な方法のようです。


使用上の注意点


FastClick.jsを使うことによる注意点がひとつ。これを実装すると、ダブルタップによるズームインズームアウトが効かなくなってしまいます。


でもまあ、スマホでブログを閲覧してて、表示を拡大させるのにわざわざダブルタップをしなくても…ということも言えますから(^_^;)


内容(「BOOK」データベースより)
Web担当者、マーケターの必携書!第一線のアナリストが教える「データの見方」と「改善ポイント」。この1冊で、長く使える基礎力と実践スキルを身につける!





スポンサードリンク

この記事が気に入ったら
シェア!

 シェア
スマートフォンスマホサイトWebクリック遅延解消FastClickjsコピペ簡単
関連記事

Comments 0

There are no comments yet.

コメントする

未分類 (0)
胃がん(ブログ、闘病記録、胃癌ニュース、私の症状など胃ガン情報全般) (5788)
胃がんブログ (244)
よりぬき 胃がんブログ (16)
胃がん闘病記・日記 (5479)
胃がん手術後の食事記録 (6)
胃切除後の料理など (33)
がん治療のクラウドファンディング (10)
胃がん History (82)
ステージ3B 多発性高度リンパ節転移胃癌 (57)
胃がん再発「転移性肝がん」で余命宣告 (24)
がん のこと(ガン情報全般) (415)
がんブログ (231)
がんニュース (184)
胃がん 障害年金ブログ (71)
障害年金 - 準備編 (23)
障害年金 - 審査から年金受給まで (12)
障害年金 - 審査請求・不服申立 (26)
障害年金 - 再審査請求 (10)
Amazon (ニュース、お得なセール情報など) (126)
Amazonセール (2)
📱kindleセール (123)
今日のエッセイ (53)
ニュース・芸能・話題 (600)
恋愛・人間関係 (20)
終活ブログ (10)
グルメ (43)
胃切除後の食事・レシピ (668)
ご飯・おかゆ・和食 (174)
おかず (138)
味噌汁・スープ (73)
カレー関係 (66)
パン・洋食 (63)
麺類 (113)
その他、簡単レシピなど (38)
ブログ (199)
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など (176)
趣味や将棋のこと (22)
ファッション (1)
司法書士 (26)
仕事・実務や登記のこと (1)
事件ファイル (25)
COLLECTION (28)
家電 (13)
ホーム&キッチン (4)
ビューティー&ケア (4)
QOLの改善&ヘルスケア (2)
お酒 (5)