すたすた式
Blogger Vaster2
スマホのときの挙動がおかしいので元に戻しました。具体的には、トップページから記事ページへ移動するときや、記事ページを更新（再読み込み、リロード）すると、メニューバーが開いたままになるようです。
Poorです。（パソコンは Needs Work でした）
一応、指摘された JavaScript の部分は最適化したつもりですが、数値は2ポイントくらいしか速くなりませんでした。
Bloggerならでは？の国別リダイレクト blogspot.com と blogspot.jp の場合でも数値が違いますね。こういうものなのでしょうか？
ここで調べる PageSpeed Insights ウェブページのURLを入力の欄に自分のブログのURLを入力。
右の分析ボタンをクリック。 しばらくすると分析結果が出てきます。
これをなんとかしたい http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
レンダリングをブロックする JavaScript を除去してくださいのところをクリックしてみる。 レンダリングを妨げる JavaScript を削除する | PageSpeed Insights | Google Developers 読んでもよくわからないが、簡単そうなこれをしようかなあ。
JavaScript の読み込みを遅らせる JavaScript がページの読み込みを妨げないように、JavaScript を読み込むときに HTML の async 属性を使用することをおすすめします。次に例を示します: <script async src="my.js">
HTMLを編集します。必ずバックアップを取ってから作業してください。
Bloggerでテーマ==>HTMLの編集でみると
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
があります。
これに async を追加して
<script async src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
としたらエラーが出たました。調べた結果 async を async='async' とすればいいようなので
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
としました。（ついでにhttp を https にかえました）
とりあえずOKかな。
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿