- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
こんにちは。
スマートフォンにて記事一覧リストを表示した際、サムネイル画像をタップしても記事に遷移せず、画像を選択してしまったような挙動(PCでいうマウスオーバーの状態)になる事が50%程度の頻度で発生します。こうなってしまった場合、サムネイルを複数回タップする事で記事に遷移するのですが、かなり操作感が悪い為、解決方法があればご教示頂けましたら幸いです。
https://www.briddi.jp/blog/
※スマートフォンにてご確認下さい。
※複数のサムネイルに対し、ブラウザバックして何回かタップして頂ければ上記不具合が再現されるかと思います。
記事一覧リストの設定は以下になります。
□リストのレイアウト設定
・リストレイアウト (PC/Tab):カード型
・リストレイアウト(SP):カード型
・最大カラム数(PC/Tab):2カラム
・最大カラム数(Mobile):1カラム
私の閲覧環境は以下となります。
・iPhone12ProMAX
・Chrome最新、Safari最新で確認
過去の記事で近いものがあったのですが、回答が無かった為質問させて頂きました。
お手数ではございますがご確認の程宜しくお願いいたします。
Akismet Anti-Spam (v.4.2.2)
BackWPup (v.3.10.0)
Highlighting Code Block (v.1.5.5)
Pochipp (v.1.6.2)
SEO SIMPLE PACK (v.2.4.0)
Useful Blocks (v.1.6.2)
Useful Blocks Pro-Addon (v.1.1.1)
Wordfence Security (v.7.5.9)
WPForms Lite (v.1.7.3)
WP Revisions Control (v.1.3)
WP Rocket (v.3.10.9)
WP Rocketなどのプラグインを無効化したらどうなりますか?
無効化で改善した場合は、WP Rocketなどの設定を見直してみてください。
WP Rocketプラグインを有効化している環境でよく見る事象ですね。
参考:Delay JS - Links needs to be clicked twice on iOS / Safari #3142
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
教えて頂いた通りWP Rocketでキャッシュをクリアして無効化した所改善されました。
その後、Delay Java Scripts execution の Excluded JavaScript Filesに以下のコードを入れる事で完全ではないですがほぼ問題なく動くようになりました。
/jquery-?[0-9].(.min|.slim|.slim.min)?.js
js-(before|after)
(?:/wp-content/|/wp-includes/)(.*)
アドバイスありがとうございましたm(_ _)m
情報ありがとうございました。
ご共有頂いたフォーラムを一通り拝見し、色々とヒントを得られました。今後も参照させて頂きます。
WP RocketのJS遅延は予め内部で除外するスクリプト以外は何でも遅延しちゃえ!という方針なので何も除外ルール設定しないと今回みたいに不具合が発生します。
なおSWELL自体にJS遅延がある上にそちらはWP Rocketみたいに問答無用で遅延するのではなく、指定キーワードのみに動くので安定性は高いです。
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/
コメントありがとうございます。SWELLのJS遅延も試して、PageSpeed Insightsの評価にそこまで差が出ないようであればそちらを使うことも検討してみます。
SWELLのJS遅延も試して、PageSpeed Insightsの評価にそこまで差が出ないようであれば
SWELLのはWP Rocketの同機能の上位版です。あとPSIの評価というのがスコアを表しているのであれば、あれはSEOとは関係ないのでちゃんと表示速度とCWV改善を重視するようにしてください。
参考: https://skillshare.biz/pagespeed-insights-lighthouse-optimization/
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/