ご連絡はこちら
ウェブサイト運営

WordPressテーマ「JIN」AndroidスマートフォンChromeでの表示が遅い原因と対処法

ワードプレステーマJIN不具合&対処法

このブログで利用しているWordpressテーマ「JIN」ですが、Android端末のウェブブラウザーChromeでの表示に不具合がありました。

製作者のひつじさんとやりとりをし、無事に表示されるようになりましたので、2018年9月末時点での対処法について書いておきます。

お役に立てたらうれしいかぎり。

Android版Chromeの表示エラーとは?

WordPressテーマ「JIN」をつかっている当ブログですが、AndroidスマートフォンのChromeにて、表示に際しての不具合がありました。

表示エラーは、具体的には、

  1. 表示がめちゃくちゃ遅い
  2. 表示されてもスクロールやタップができずに固まる
  3. なにも表示されず画面が真っ白になる
  4. サムネイル画像が縦長に伸びたようになる

といった症状です。

製作者のひつじさんによれば「Androidの一部端末との相性が悪いところがある」とのことです。

https://twitter.com/hituji_1234/status/1042666228270084096

使用中のAndroidスマートフォン端末について

スマートフォンやタブレットなどモバイル端末の機種、AndroidやiOSといったモバイル端末のOSによってちがいがあるとのことなので、ぼくが使っているスマートフォン端末について併記しておきます。

端末名Xperia XZ SOV34 (au)
メーカーSONY
OSAndroid 8.0.0 
アプリGoogle Chrome

スマートフォンでのウェブブラウザーは「Chrome」のほかに「Sleipnir(Black Edition)」を使用しておりますが、表示エラーの症状がでるのはChromeだけです。

ただ、Sleipnirでもスクロールやタップはできるものの表示速度がはやいと言えない状態ではあります。

FirefoxやOpera、Dolphinなど、他のブラウザーについて確認しておりません。

また、表示エラーの症状の原因は、

  • 端末のスペックや使用環境
  • このブログのサーバー(エックスサーバー)
  • インターネット接続環境

などいろいろ考えられまし、WPテーマ「JIN」の問題も考えられます。今後は製作者のひつじさんにわかる範囲で不具合の症状や動作環境の報告をしていこうと思います。

表示エラーの対処法について

さて、製作者のひつじさんから対策方法に関してアドバイスをいただきましたのシェアしておこうと思います。

1.アニメーション機能をオフにする

アニメーション機能をオフにする

まずはテーマ側での対策方法としては「アニメーション機能をオフ」にしましょう。

WordPressにダッシュボードへいきます。

JINのアニメーション機能

  1. 【外観】→【カスタマイズ】を選択。※画面が切り替わります。
  2. 【サイト基本設定】→アニメーション機能
  3. 【オフ】にチェックを入れる
  4. 【公開】

アニメーション機能とは?

アニメーション機能をオンにすると、サイトが表示される時に「フワ」っと浮かび上がるように表示されます。

今回、ぼくはこのアニメーション機能を「オフ」にすることで改善されましたが、不具合の原因は他にも考えられます。

  1. Android端末との相性
  2. 端末使用環境
  3. Chromeなどブラウザーアプリとの相性

2.エックスサーバーの高速化「mod_pagespeed設定をOFFにする

次はエックスサーバー側の対策方法です。こちらの方法は、製作者ひつじさんから伝授していただきました。

ひつじさん、ありがとうございます。

エックスサーバー

  1. エックスサーバーインフォパネルにログインする
  2. サーバーパネルにログインする
  3. パネル右側の「mod_pagespeed設定」→OFF
XSERVERサーバーパネル

WordPressテーマ「JIN」製作者のひつじさんも把握済み

表示に関する不具合や問題点は製作者ひつじさんも把握されているようで、先日バージョンアップされたばかりですが、改善にも意欲をみせてくれています。

また公式マニュアルの更新にも気合いをみせているので購入者として温かく見守りたいと思います。

JIN公式で推奨している「高速表示の方法」について

ちなみに公式サイトでは「高速表示の方法」についてまとめてくれていますので、そちらも参考にどうぞ。

製作者ひつじさんのツイッターでリアルタイムな状況を見守ろう

アフィリエイターとしての仕事があるなかで、JIN製作者としてバージョンアップへの意欲を見せてくれいるひつじさん。購入者としては、こういう姿勢がすごく「良い!」と感じます。

ひつじさん、ツイッターで定期的にJINのバージョンアップについてもツイートされているので、フォローして動向を温かく見守りたいとおもいます。

まとめ

JINとAndroidChromeでの表示不具合の対処法をまとめておきます。

JIN表示不具合の対処法

  1. JINの「アニメーション機能をオフにする」
  2. エックスサーバーの「mod_pagespeed設定をOFFにする」

製作者に人の温もりと熱意を感じるから「JIN」好き。

おすすめ、ではでは。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です