GoPro、バスフィッシング、ガジェット、勝つためのパチンコ術の情報をお届けします!

モリタクブログplus

メディア運営

LazyLoad SEO導入で起こったRinkerの画像表示が出来ない原因を解決!

投稿日:2019年3月11日 更新日:

ブログのテーマをWING(AFFINGER5)に変えた時に、専用プラグイン「LazyLoad SEO」も購入した。

LazyLoad SEOとはSEO対策をしつつ画像読み込みを遅延させるプラグインで、価格は5,000円(税込)とまあまあな金額だった。

まあ、これが使えるのもWING(AFFINGER5)の特権と考えて、思い切って購入した。

 

いざLazyLoad SEOを導入してみると、物販を紹介するプラグイン「Rinker」の画像表示が出来なくなってしまったんだ。

しかし、この問題を解決することが出来たので報告するぞ~!

 

LazyLoad SEO導入で起こったRinkerの画像表示が出来ない原因

LazyLoad SEOを導入してみると、Rinkerの画像表示が出来ないようになってしまった。

とあるブログに、同じ症状が報告されているらしいことは書いてあったが、解決策までは書いていない。

解決策を求めていろいろな方法でググってみたが、答えにたどり着くことは出来なかった。

 

そこで自分でいろいろ試してみたところ、原因が分かった。

答えは、プラグイン「Jetpack by WordPress.com」との干渉だった。

Jetpack by WordPress.comの設定にある「画像の遅延読み込み」がオンになっていたことで、LazyLoad SEOと干渉していたのだった。

 

この答えにたどり着くのに、1ヶ月もかかったwww

分からない間はLazyLoad SEOの設定を「iframeのみを遅延読み込みする」にし、画像用に更に無料プラグイン「Lazy Load」を入れるという力技で凌いでいたw

5,000円したプラグインの、1,500円分ぐらいしか使えていなかったぞ~www

 

原因となったJetpack by WordPress.comを削除

この原因を排除する方法は、Jetpack by WordPress.comの設定にある「画像の遅延読み込み」をオフにすればいい。

しかし、今回はJetpack by WordPress.com自体を削除することにした。

 

Jetpack by WordPress.comは、WordPressでブログをやり始めた時にとりあえず入れておいた方がいいらしいということで入れておいたプラグインだ。

しかし、そのほとんどの機能は今の環境では必要が無く、使っている部分も他のもので代替が効く。

Jetpack by WordPress.comは重いプラグインなので、使わなくていいのなら削除した方がブログの表示スピードアップに繋がる。

 

Jetpack by WordPress.comの機能で使っていたものは、

  • Facebookページのウィジェット
  • サイト統計情報
  • コンタクトフォーム

の、3つだけだった。

 

Facebookページのウィジェットは、Facebookのページプラグインでコードを取得してウィジェットを設置。

サイト統計情報は簡易的なアクセス解析が出来るので重宝していたが、WING(AFFINGER5)に変えた時に専用プラグイン「PVモニター」を導入したので、現状ではほとんど使っていない状態だった。

そしてコンタクトフォームに関してだが、ちょっと前に今まで使っていたプラグイン「Contact Form7」からJetpack by WordPress.comのコンタクトフォームに乗り換えたばかりだったんだ。

乗り換えた理由は、Contact Form7を使っているとスパムメールをブロック出来ないからだったんだが、Contact Form7をAkismet Anti-Spamと連携することでスパムメールをブロック出来ることが分かったので、その設定をしてContact Form7に戻した。

 

こうして、必要がなくなったJetpack by WordPress.comを削除することで、ブログの表示スピードはPageSpeed Insightsで計測すると6ポイントほど速くなった。

もちろん、Rinkerの画像表示もちゃんと出来ているのでニンマリだw

 

まとめ

このことは、ブログの表示スピードを上げることを意識して、実践している最中に解決した。

これがきっかけとなり、更なるスピードアップ対策へと繋がっていった。

現在このブログは、モバイルとパソコンの両方で速度スコア90以上の爆速ブログだ!www

 

俺が行なったブログを爆速にする方法も、今後書いていく予定だぞ~!

その方法の大前提として、ブログテーマはWING(AFFINGER5)にすることが必須なんだ。

WING(AFFINGER5)を使っている人は、爆速にする方法を楽しみにしていてくれ!

 

 

関連記事
TestMySiteの結果 2秒達成
【祝2秒達成】ブログの表示スピードを徹底的に改善した方法を公開!!

ここ一週間ほど、ブログの表示スピードを上げることに四苦八苦していた。 2月にブログテーマを変えたことにより、ある程度表示 ...

続きを見る

関連記事
テーマをWING(AFFINGER5)に変更したら今まで以上にブログが楽しくなった!

2月に入ってから、当ブログを大幅にリニューアルした。 メインはテーマの変更なんだけど、それに伴い見出しタグの変更や、プラ ...

続きを見る

 

よく読まれている記事

-メディア運営

Copyright© モリタクブログplus , 2019 All Rights Reserved.