like box

PageSpeed Insights と Facebook Page Plugin(旧Like Box) は相性が悪い

2015年9月4日

Categories | ホームページ facebook

ホームページならびにブログ（WordPress）の高速化に試み、ヨサゲなことをあれこれ

やってきましたが、PageSpeed Insights のスコアが一向に上がらない！！

それどころかスコが乱高下するする。いったいこれは何だろうと色々検証してみたら、

原因は Facebook の Page Plugin （旧Like Box）が悪さしてました。

 

0904 400x300 PageSpeed Insights と Facebook Page Plugin(旧Like Box) は相性が悪い

 

実際にはPage Pluginがあろうがなかろうが、さほど表示スピードには変わりないようだ。

何故ならGTmetrixで実証済み。

どうしてもPage Plugin を使いたければ、いったんそのタグだけ削除して、

PageSpeed Insights　でテスト後、元に戻すしかない。

私だったらいちいちメンドイから、さっくり削除してしまうけど。

と言うことで、現状はタイトルにあるよう、

PageSpeed Insights と Facebook Page Plugin(旧Like Box) は

相性が悪い

ってことです。

 

Facebook  Page Plugin　導入スコア

 

PageSpeed 01 400x300 PageSpeed Insights と Facebook Page Plugin(旧Like Box) は相性が悪い

 

 

 

Facebook  Page Plugin　を削除したスコア

 

PageSpeed 02 400x300 PageSpeed Insights と Facebook Page Plugin(旧Like Box) は相性が悪い

Comment(0) | Trackback(0)

TAGS: / / / / / | 2015年9月4日 |

Facebookの「Page Plugin」 最小の横幅が「Min180」に変更されてる

2015年6月3日

Categories | facebook

つい先程気付いたのですが、「Page Plugin」の最小横幅が変更されてます。

たまたま自分のブログを見てたら、サイドバーのページプラグインが

枠内にきっちり収まっているではないですか！

0603 01 400x300 Facebookの「Page Plugin」 最小の横幅が「Min180」に変更されてる

先月「Like Box 」から「Page Plugin」に変更した記事で

ブログのサイドバーからはみ出してるぅって、ぼやいていたことが

Facebook側に聞こえたのかしら？（笑）

「Page Plugin」で確認すると、確かに変更されてます。

0603 02 400x300 Facebookの「Page Plugin」 最小の横幅が「Min180」に変更されてる

赤枠のところね。

Min280　→　Min180

きっとレスポンシブのことも考慮しての変更なんだろう。

「Width・Height」共に指定しなくても、サイズ指定したボックスに入れとくだけで、

勝手にリサイズしてくれるのもいいね。

まぁ、これで悩みの種が一つ減ってよかったってかな。

しまい

Comment(0) | Trackback(0)

TAGS: / / / | 2015年6月3日 |

Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

2015年5月14日

Categories | facebook

たまたま「Like Box」のレイアウトを変更しようと、本家に行ってみたんです。

0514 01 400x231 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

2015年6月23日に「Like Box」は終了し、代わりに「Page Plugin」を使って下さい。

ってなことが書かれてます。ならばとPage Pluginページににアクセスし、

Page Plugin：https://developers.facebook.com/docs/plugins/page-plugin

作り直しました。

0514 03 400x256 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

↑こんな感じになるみたいですね。違いといったらヘッダーのカバー写真が

加わって、若干サイズの仕様も変更されてます。

横サイズ280px～500px　縦サイズ130px以上

0514 04 400x264 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

私は設定は何も選ばず、FacebookのURLだけ記述し、

生成された2つのコードをホームページにコピペしました。

従来の「Like Box」はこうでしたが、

0514 02 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

「Page Plugin」を投与するとこうなりました。

0514 05 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

 一方ブログのサイドバーに投与すると、

 

【 before 】

0514 06 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

【 after 】

0514 07 Facebookの「Like Box」が2015年6月から「Page Plugin」に変更される

サイドバーから見事にはみ出しました。凹

Page Pluginの最小が280pxって、当ブログにはネックです。

む・む・む・・・何か良い策がないものかしら。困った。

つづく

Comment(0) | Trackback(1)

TAGS: / / / / | 2015年5月14日 |

あらっ！Like Boxが変わった

2013年1月20日

Categories | facebook

facebookとやらは、よく仕様変えるところだな。

Like Boxレイアウトが若干変わった。

何時からなんだろう・・・

2013 0119 あらっ！Like Boxが変わった

HCZ.JPのLike Boxは

今までの見辛かったのでColor Schemeをdarkにしてみました。

 

Comment(0) | Trackback(0)

TAGS: / / | 2013年1月20日 |