Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
スマートフォン閲覧時の記事一覧リストの...
 
通知
すべてクリア

[解決済] スマートフォン閲覧時の記事一覧リストの動作不具合

8 投稿
4 ユーザー
4 Likes
577 表示
kensuke.k
(@kensuke-k)
投稿: 4
メンバー
Topic starter
 

こんにちは。
スマートフォンにて記事一覧リストを表示した際、サムネイル画像をタップしても記事に遷移せず、画像を選択してしまったような挙動(PCでいうマウスオーバーの状態)になる事が50%程度の頻度で発生します。こうなってしまった場合、サムネイルを複数回タップする事で記事に遷移するのですが、かなり操作感が悪い為、解決方法があればご教示頂けましたら幸いです。

https://www.briddi.jp/blog/
※スマートフォンにてご確認下さい。
※複数のサムネイルに対し、ブラウザバックして何回かタップして頂ければ上記不具合が再現されるかと思います。

記事一覧リストの設定は以下になります。
□リストのレイアウト設定
・リストレイアウト (PC/Tab):カード型
・リストレイアウト(SP):カード型
・最大カラム数(PC/Tab):2カラム
・最大カラム数(Mobile):1カラム

私の閲覧環境は以下となります。
・iPhone12ProMAX
・Chrome最新、Safari最新で確認

過去の記事で近いものがあったのですが、回答が無かった為質問させて頂きました。

https://u.swell-theme.com/community/swell-bugs/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%AB%E3%81%A6%E7%89%B9%E5%AE%9A%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%82%92%E3%81%99%E3%82%8B%E3%81%A8%E3%82%B9%E3%83%9E%E3%83%9B/

お手数ではございますがご確認の程宜しくお願いいたします。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.0.1
利用中のPHPバージョン
7.4.28
OS
iPhone
利用中のWordPressバージョン
5.9.3
利用中のサーバー会社
さくらインターネット
ブラウザ
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)

 
投稿済 : 18/04/2022 8:27 pm
suya
 suya
(@suyasite)
投稿: 115
メンバー
 

WP Rocketなどのプラグインを無効化したらどうなりますか?

無効化で改善した場合は、WP Rocketなどの設定を見直してみてください。

SWELLファンです。
SWELL初心者のためのお役立ちリンク集(おすすめプラグイン)
SWELLサイト・ブログ事例集(WP-Search)
無料のプロフィール&プレスリリースサイト「ブロググ」

 
投稿済 : 18/04/2022 8:47 pm
kensuke.k reacted
かんた
(@swell_mania)
投稿: 598
Https://webrent.xsrv.jp/
 

WP Rocketプラグインを有効化している環境でよく見る事象ですね。

参考:Delay JS - Links needs to be clicked twice on iOS / Safari #3142

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 18/04/2022 9:22 pm
kensuke.k reacted
kensuke.k
(@kensuke-k)
投稿: 4
メンバー
Topic starter
 

@suyasite 

教えて頂いた通り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

 
投稿済 : 19/04/2022 2:46 pm
kensuke.k
(@kensuke-k)
投稿: 4
メンバー
Topic starter
 

@swell_mania 

情報ありがとうございました。
ご共有頂いたフォーラムを一通り拝見し、色々とヒントを得られました。今後も参照させて頂きます。

 
投稿済 : 19/04/2022 2:46 pm
skillsharejp
(@skillsharejp)
投稿: 977
SWELL高速化顧問
 

WP RocketのJS遅延は予め内部で除外するスクリプト以外は何でも遅延しちゃえ!という方針なので何も除外ルール設定しないと今回みたいに不具合が発生します。

なおSWELL自体にJS遅延がある上にそちらはWP Rocketみたいに問答無用で遅延するのではなく、指定キーワードのみに動くので安定性は高いです。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 19/04/2022 3:34 pm
kensuke.k
(@kensuke-k)
投稿: 4
メンバー
Topic starter
 

@skillsharejp 

コメントありがとうございます。SWELLのJS遅延も試して、PageSpeed Insightsの評価にそこまで差が出ないようであればそちらを使うことも検討してみます。

 
投稿済 : 20/04/2022 12:41 pm
skillsharejp
(@skillsharejp)
投稿: 977
SWELL高速化顧問
 
投稿者:: @kensuke-k

SWELLのJS遅延も試して、PageSpeed Insightsの評価にそこまで差が出ないようであれば

SWELLのはWP Rocketの同機能の上位版です。あとPSIの評価というのがスコアを表しているのであれば、あれはSEOとは関係ないのでちゃんと表示速度とCWV改善を重視するようにしてください。

参考: https://skillshare.biz/pagespeed-insights-lighthouse-optimization/

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 20/04/2022 12:49 pm
and kensuke.k reacted
共有: