えーっと、
スポンサーリンク
いつも愛用させて頂いているBloggerブログです。
またブラウザも、
最近SleipnirからChromeに殆ど乗り換えました。
しかも、
今のところ拡張機能は何も使用していない状態です。
Bloggerブログで、
レスポンシブルwebにできないかなぁ…。
と…。
管理画面から、
テンプレート≫HTMLの編集
をしようとした所、
その時点でブログの、
プレビュー画面がCSSを読み込んでいない様な表示状態でした。
（背景は真っ白&レイアウトもいびつ）
こんな感じ
まぁ、
読み込みの問題かなぁと思い、
レスポンシブルwebにしたいとコードを記載し保存。
まぁ、
レスポンシブルなので見た目は殆ど変わりません。
が、
やはり、
管理画面からのテンプレート≫HTMLの編集でも、
表示が上記と同じ状態のままでした。
しかし、
普通にブログを確認すると、
通常通りに表示されます。
まぁ、
とりあえず記事を書いて投稿しようと思い、
記事作成後のプレビューにても、
背景は真っ白でレイアウトもいびつなまま状態でした。
ここまでは、
Chromeにてです。
なので、
一応IEでも確認してみました。
IE11では、
Blogger自体がサポート外？なので、
以前紹介したIE11でBloggerブログを表示する方法にて確認しました。
≫IE11でBlogger管理画面,ダッシュボードを表示する方法
そうした所、
IEにおいては正常に描画（表示）されています。
そして、
通常通りにブログの表示確認もしてみましたが、
こちらも異常なしでした。
まぁ、
IEユーザが今のところ多いので記事作成を優先していました。
もしくは、
Chromeにてタブが半端なく多く表示させているので、
その影響かとも思っていました。
（大手企業サイトなども表示が乱れたりしていた為。）
なので、
Chrome起動後しばらく時間をおいて確認してみましたが、
その日は一向に改善されず状態でした。
そこで、
本日Chromeにてこの記事を作成しているのですが、
Chrome起動後かなりの時間をおいたからなのか、
プレビューもHTMLの編集画面も正常に表示されていました。
まとめ
おそらく、
レンダリング？が間に合わなかったのかなぁと考察しています。
タブをかなりたくさん表示しているので…。
しかし、
GoogleのpageSpeed insightsでは、
≫PageSpeed Insights
点数が2点低くなってしまいました。
この2点は何なのかよくわかりませんが…。
※結局レスポンシブルwebデザインにはしていない訳ですが…。
※正確にはレスポンシブルでなくレスポンシブwebデザインのようです。
本日のプレビュー表示画像は以下のように通常表示
