久々にPageSpeedInsightに取り組むが、えらくスコアが辛くなっているし、オフスクリーンの画像遅延読み込み以外はうまくいかず泥沼に嵌ってきたのでブログの方を見ることに。
前々からの課題だったFC2ブログのスマホビュー。
ライブドアブログでは当たり前にできることが、ＦC2では実現に多大な困難が伴う。
まずはYoutube埋め込み時の幅。
FC2ではもちろん「ドバッ」とはみ出して表示されるが、
ライブドアでは自動的に幅を調整してくれる。
それもCSSではない模様。
HTMLに現在のブラウザ幅が数字で示され、その幅に合わせた調整がなされる。
（本来の動画の幅も合わせて示される）
さて、FC2での幅調整だが、検索するといちいちiframeをdivで囲むという馬鹿馬鹿しい処置しか出てこない。
過去の記事を全部置換し、これから貼る動画もいちいちdivで囲えと・・・？
ちょっと現実的でないので、試行錯誤。
最終的にはテンプレートにiframeのmax-width:100%を入れるだけで良かった。
途中スマホテンプレートではなくPCテンプレートをいじっていて手間取ったが、PCテンプレの調整が何故かスマホビューに影響するという怪現象も手間に拍車をかけた。
そしてプラグインの表示。
恐ろしいことに、FC2のデフォルトのスマホビューのプラグインは設定しても表示されない。いや、厳密には左上のハンバーガーメニューボタンを押さないと表示されない。
誰が押すんだこんなとこ？
ランキング上位でもこれに気づかないのか？
そのままにしている人がいたりする。
表示を変えて、わざわざボタンを押さないで見えるようにしても、
次はプラグインを開いて表示するという関門がある。
FC２は、例えばプラグインで「最新記事」を設定すると、
「最新記事」をわざわざタップしてページ遷移しないと最新記事の中身が見えない糞仕様なのだ。
ユーザーにわざわざタップさせるのは馬鹿げてる。
いや、タップさせるのは良いが、それしか選択肢がないのは馬鹿げてる。
この問題は、なんとプラグインのHTMLをテンプレートに直書きすることで解決した。
まさかの原始的方法。馬鹿げてる。
