初期設定はOK! だったのだけれど
つい先だって、WPtouch Pro4 の専用拡張機能 Power Pack を導入し、
- キャッシュをモバイルモード+PCモードともにONにし
- CSS の最適化はOFF
- JavaScript の最適化のみをON
にすることで Power Pack ON の状態で表示OK, PageSpeed Insight の評価も一定の改善を得ることができました。
そのときに書いた記事が…
WPtouch Pro4 + 拡張機能 Power Pack - 私のサイトで使えたのか
結論から言えば、Yes! -
Autoptimize で感じたカクカク感はなく、導入と同時に - サーバーがPower Pack の設定を反映してくれるまで、若干(5分ほど)待たなくてはなりませんが - 表示速度が改善された! 感触を感じることができました。
だったのですが、状況がちょっと変わってきました。
PageSpeed Insight がモバイルモードのページをレンダリングできない! というエラーメッセージを出し、実際のページは 真っ白!! という症状が発生したのです。
WPtouch Pro4 の設定状態と不具合
PCで表示するページはOK!
レイアウトの乱れもなく、表示までの時間が妙にかかるということもなく、PowerPack 設定後に確認したのと同じ速度感で問題なく表示できています。
PageSpeed Insight に戻って確認してみると
- モバイルモードのホームページはレンダリングできず、モバイルのタブで表示されるページはエラーメッセージのみ!
- 個別のURLを指定して記事を直接呼び出してテストしてみるとOK!
それではとWPtouchのテストモード
https://diyonline.info/?wptouch_preview_theme=enabled
でPC上にモバイルモードのホームページを表示させてい見ると、これはまったく問題なし! (当然と言えば当然でしょうね^^;)
PageSpeed Insightで確認した症状は、実際のページでも同じです。
- PCで表示するPCモードのページ(通常)の表示はホームページも個別記事のページもOK!
- モバイルデバイス(iPhone)で表示を見てみると
- ホームページだけNG! で 真っ白!!
- URL で指定する個別ページはまったく問題なし!
モバイルページのホームページだけに出るこの症状。
拡張機能は通常のプラグインのように “停止” することができず、もし機能を止めてみようとすれば一度 “解除” しなくてはなりません。
WPtouch Pro4の追加・拡張機能の一番困るのは、こんな時 “解除” のあと “復元” とか “再起動” ができるのかどうか、その手順はどうすればいいのかの説明が簡単にたどれないところ。
PageSpeed Insightによるテストがこの症状のトリガーになっているなんてことはないのだろうかと思いながら、キャッシュ機能あたりを中心にステップ・バイ・ステップで確認をしてみようと思います。