会員サイトをリニューアルしました! 新サイトはこちら

ページ読み込み時に一瞬、検索ボックスが表示される < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

ページ読み込み時に一瞬、検索ボックスが...
 
通知
すべてクリア

[解決済] ページ読み込み時に一瞬、検索ボックスが表示される

28 投稿
3 ユーザー
5 Likes
3,124 表示
asa
 asa
(@asa)
Eminent Member
Topic starter
 

子テーマを利用し、3つ程サイト制作させていただいておりますが、トップページ及び下層ページの読み込み時に一瞬、検索ボックスが表示されることがあります。
毎回ではなく、読み込みに時間がかかってしまう場合などにフォールバック的な雰囲気で一瞬現れる感じです。

サイトURLは記述できないのですが、SWELLのバージョンはそれぞれ2.0.1.2, 2.0.4.2, 2.1.0.1です。
また、全てコーポレートサイトとして作成しており、ホームページの表示を固定ページで「ホームページ」と「投稿ページ」それぞれ指定していますが何か関係ありますでしょうか?

少し前に「メインビジュアルが表示されない、検索ボックスが一瞬表示される」というトピックを見つけ、同じような現象かと思ったのですが、all in one seoを外したら解決したとこと…。
私の場合はall in one seoは入れていないので別の原因かと思います。。

何かお分かりになればお教えいただけるとありがたいです。
どうぞよろしくお願いいたします。

 
投稿済 : 16/06/2020 5:52 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

SWELL最新版でもそうなりますか?

 
投稿済 : 16/06/2020 1:30 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

あと、URLお願いします。

 
投稿済 : 16/06/2020 1:30 pm
asa
 asa
(@asa)
Eminent Member
Topic starter
 

@ryo

ご返信ありがとうございます。

症状のあるサイト1つだけ記述させていただきます。
https://www.makeones.com/

最新版では確認できておりませんが、バージョンアップでの表示崩れ等が心配なので
一旦現状のバージョンでの解決法が見つかればありがたいです。
お手数お掛けしてすいません。。

 
投稿済 : 22/06/2020 5:33 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

申し訳ないのですが、最新バージョンですでに再現されないバグなのであれば「アップデートしていただくこと」がそのまま今回のバグの解決方法となりますので、まずはそちらをご確認いただければと思います...。

最新版でも発生してしまっているバグであれば詳しく調査して修正させていただきたく思いますが、結局はその修正版へのアップデートもしていただかないといけないので、まずは現状の最新版までアップデートしてみていただけますでしょうか?

こまめにアップデートした方が、表示崩れのリスクも少ないです。

※ 表示崩れを起こした場合は、まずSWELLのキャッシュクリアをお試しください。

 
投稿済 : 22/06/2020 2:12 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

また、問題が発生する場合の共通点を探したいので、できれば不具合の発生している全てのサイトを教えていただけると非常に助かります...!

 
投稿済 : 22/06/2020 2:24 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

現在、

https://www.makeones.com/ にて、プライベートモードなどにした時の初回表示時にのみ(おそらく画像などの読み込みに時間がかかっている...?)、検索モーダルとスマホ開閉メニューが一瞬だけ展開された状態からスタートし、その後、さらにメインビジュアルが表示されない(される時もある)

という状態を確認することができております...!

これは、以下のトピックとほぼ同様の現象だと思われます。

https://u.swell-theme.com/community/swell-bugs/%e3%82%b9%e3%83%9e%e3%83%9b%e7%89%88%e3%81%ae%e3%81%bf%e3%80%81%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%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84/#post-1389

これにより、コンテンツの内容によって何かしら影響を受けているのではないかなと思うのですが、怪しそうなところをデモサイトで再現してみても、バグの再現ができずにいます...(汗

 
投稿済 : 22/06/2020 2:55 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

ちょっと前に、Slackの方でも「メニューが一瞬展開された状態になることがある」との報告があったので、ちょっと前のアップデートにてメニュー周りのCSSを調整しています。

なのでそれによってもしかしたらすでに修復できている状態になっているかもしれないので、できれば最新版にアップデートしていただけると、ありがたいです...!

 
投稿済 : 22/06/2020 3:00 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

また、他にもプラグインの影響の可能性もありますので、一応一つずつ停止して確かめていただければ非常に助かります。

 
投稿済 : 22/06/2020 3:50 pm
asa
 asa
(@asa)
Eminent Member
Topic starter
 

お忙しい中、色々とお調べいただき本当にありがとうございます!

公開済みのサイトということもあり、すぐに試すことが難しいのですが、また時間をとってテーマアップデートや使用プラグインの影響など調べてみます。

 
投稿済 : 23/06/2020 6:06 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

一つ、他の報告があったサイトとの共通点で怪しい点を発見しました。

Contact Form 7 での reCAPTCHA が有効になっている、という点です...!

var renderInvisibleReCaptcha = function() { ...

というようなスクリプトがどちらのサイトにも出力されていて、私が今 Contact Form 7 でのreCAPTCHAを有効にしても同じコードが出てこなかったので細かな設定が異なっているとは思うのですが、少し挙動がおかしくはなりました...。

一度、このContact Form 7 でのreCAPTCHA機能をオフにしてみて検証していただけると非常に助かります...!

 
投稿済 : 23/06/2020 6:36 am
asa
 asa
(@asa)
Eminent Member
Topic starter
 

@ryo

ご報告ありがとうございます!

ただ、記載したURLのサイトとは別ですが、reCAPTCHAを利用していないサイトでも同じ現象が発生しております…。

参考になるか分かりませんが、そのサイトの要件を一応記載させていただいておきます。

SWELLのバージョン: 2.0.4.2

●使用プラグイン
Advanced Custom Fields PRO
Advanced Gutenberg
All-in-One WP Migration
All-in-One WP Migration File Extension
BackWPup
Contact Form 7
Custom Post Type UI
Enable Media Replace
Google XML Sitemaps
PDF Embedder
Phoenix Media Rename
SEO SIMPLE PACK
Show Current Template
WP Multibyte Patch
WP Revisions Control
WP Slick Slider and Image Carousel
zipaddr-jp

度々お手数おかけしてすいません。

 
投稿済 : 24/06/2020 6:13 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

ご報告ありがとうございます!

その後、色々と調べてみていると、もしかすると解決できるかもしれないので、次回アップデートの時に確認をお願いしたいです!(僕の環境だとそのバグの再現ができないので...)

 
投稿済 : 25/06/2020 5:50 am
asa
 asa
(@asa)
Eminent Member
Topic starter
 

お調べいただきありがとうございます!

次回アップデートの際、確認させていただくようにいたします。
諸々のご対応、どうもありがとうございます。

 
投稿済 : 25/06/2020 10:58 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

v2.1.6で修正コード入れてみたので、アップデートを試してみていただきたいです...!

 
投稿済 : 27/06/2020 1:22 am
asa
 asa
(@asa)
Eminent Member
Topic starter
 

お世話になります。ご対応ありがとうございます。

公開サーバーとは別の環境になりますが、テストサーバー(サーバー会社、プランは同じ)で試してみました。

やはり検索ボックスが一瞬表示される場合があるのと、読み込み時1回めにメインビジュアルが表示されない場合がある…という症状は変わらずのようです。
何度かキャッシュクリアして試してみたのですが。。

 
投稿済 : 01/07/2020 7:59 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

コードを圧縮したりするようなプラグインを導入したりはしていないですか?

 
投稿済 : 01/07/2020 12:36 pm
asa
 asa
(@asa)
Eminent Member
Topic starter
 

コードを圧縮するプラグインは特に入れていないと思いますが…。

有効化しているプラグインは以下です。
Advanced Custom Fields PRO
Advanced Gutenberg
All-in-One WP Migration
All-in-One WP Migration File Extension
BackWPup
Contact Form 7
Custom Post Type UI
Enable Media Replace
Google XML Sitemaps
SEO SIMPLE PACK
Show Current Template
WP Multibyte Patch
WP Revisions Control
zipaddr-jp

-----
WPとSWELLのバージョンは以下になっています。
WordPress 5.3.4
SWELLバージョン: 2.1.6.1

 
投稿済 : 02/07/2020 8:53 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

プラグインを全て外すとどうなりますか?

また、サーバーはどちらをお使いでしょうか?

 
投稿済 : 03/07/2020 11:32 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

ちなみに、SWELLを最新版にしていただいたのはどちらのサイトでしょうか?

そちらの様子も確認してみたいので、教えていただけると助かります。

もしくは、 https://www.makeones.com/  を最新版にしていただけますでしょうか。

 
投稿済 : 03/07/2020 11:36 am
asa
 asa
(@asa)
Eminent Member
Topic starter
 

プラグイン全て外してみました。
自分の環境(PC・スマホ)で確認したところ、解消された…気がしたのですが、他の方に確認してもらったら(PC環境)やはり1回目の読み込み時に検索ボックスが表示されたようです。。

サーバーはさくらインターネットのスタンダードです。

テストサイトはこちらです。全てプラグインを外した状態にしています。
http://for-grace.sakura.ne.jp/wp-makeones/

追記
上記サイト、Basic認証のプラグインだけ有効にしました。
ID: tes
パスワード: tes

 
投稿済 : 06/07/2020 3:46 am
asa
 asa
(@asa)
Eminent Member
Topic starter
 

すいませんもしかしたらプラグイン全部外した状態で直ってるのかも…です。

先程、他の方に確認してもらったら検索ボックスが表示されたよう、と書いたのですが、再度普段使用していると別のブラウザ(Chrome)で確認してもらったら出なかったようです。
通常使用しているSafariではキャッシュクリアしても表示されてしまうようで、謎なのですが、今一度プラグイン1つずつ有効にしながら試してみます。

 
投稿済 : 06/07/2020 7:39 am
asa
 asa
(@asa)
Eminent Member
Topic starter
 

すいません。。やはりプラグイン全部オフでも無理っぽいです。

先程Basic認証も外してスマホで確認してみましたが、検索ボックス一瞬見えました。。

 
投稿済 : 07/07/2020 3:45 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

サーバーなどの機能で、強力なキャッシュ機能やコード圧縮などは行っていませんか?

一応2.1.7でまた少し対処用のコード入れてみますので、リリースされたら確認していただければと思います...

 
投稿済 : 08/07/2020 3:21 am
しらこ
(@96ssbike)
Prominent Member
 

横から失礼します。
誤解を与えないように表記すると、私も以前から「ページ読み込み時に一瞬、検索ボックスが表示される"ことがある"」状態だったのですが(私の制作したサイト以外にも、様々なSWELLで構築されたブログで確認をしました)、SWELL 2.1.7以降にアップデートしたところ、今のところその現象は確認されていないようです。
以前のバージョンでは、特に初回読み込み時/時間を置いてページアクセスするときに現象が多く確認されることがありました。

検証したサイト:
https://tecchan.jp/
https://onsen.tecchan.jp/
※他サイトも持っていますが、非公開のため記載できず。

検証した環境:Windows, Mac, iPhone, Android
検証したブラウザ:Google Chrome, Safari, Edge, Firefox

にゃーん .

 
投稿済 : 10/07/2020 6:25 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

追加の報告ありがとうございます!

「opacityとvisibility で transition するようにしていると、初回表示時に なぜか一瞬だけ見えてしまうようなことがある」という記事を見つけたので、2.1.7からはモーダル関係はページ読み込みまで display:none にする形にしてみました。

 
投稿済 : 12/07/2020 7:25 am
しらこ reacted
asa
 asa
(@asa)
Eminent Member
Topic starter
 

確認が遅くなり申し訳ありませんでした。

テストアップ分をSWELL バージョン2.1.8.1にアップデートしたところ解消されていました!
本番サイトなどはタイミングを見てアップデートしていこうと思います。

お忙しい中ご対応ありがとうございました。
しらこ様も有益な情報、どうもありがとうございました。

 
投稿済 : 27/07/2020 5:40 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

よかったです...!

 
投稿済 : 27/07/2020 12:34 pm
共有: