JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ;FC2ブログ・プチカスタマイズ   

JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ・FC2ブログでスマートフォン用サイトを作ろう > JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 スマートフォンサイトの表示時間を早くしよう。

 スマートフォンサイトの表示時間を早くする方法のひとつに、「レンダリングブロック JavaScript/CSS を排除する」という方法がある。

 「レンダリングブロック JavaScript/CSS を排除する」といわれても、やり方がわからない。

 JavaScriptをインライン化すると読み込み時間が早くなるというのだが。

 で、インライン化を試してみたのでご報告。

 

Googleの解説

 「外部スクリプトが小さい場合は、HTML ドキュメントに直接含めることができます。小さなファイルをこのようにインライン化すると、ブラウザではページの表示を続けることができます。」

インライン化前の例)

<scripttype="text/javascript"src="small.js"></script>

 

インライン化後の例)

<script type="text/javascript">
      /* contents of a small JavaScript file */
    </script>

 すいませんが、Google様の説明だけではさっぱりわかりません・・・。

 

当サイトのスマートフォンサイトの表示時間を遅くしていた JavaScript

1) <script src="http://templates.blog.fc2.com/template/sphone/basic_blue/jquery.js"></script>
2) <script src="http://templates.blog.fc2.com/template/sphone/basic_blue/iphone_resize.js"></script>

 いずれもテンプレートに関するScriptなのは確か。

 

JavaScriptをインライン化後のHTML

1)<script type="text/javascript">
      /* contents of a  http://templates.blog.fc2.com/template/sphone/basic_blue/jquery JavaScript file */
</script>
2)<script type="text/javascript">
      /* contents of a http://templates.blog.fc2.com/template/sphone/basic_blue/iphone_resize JavaScript file */
</script>

 

JavaScriptインライン化の前の表示時間の分析とインライン化後の表示時間の解析

 google.com/speed/pagespeed/insightsで表示時間を比較してみる。

JavaScriptインライン化後の表示時間 JavaScriptインライン化後の表示時間分析。

JavaScriptインライン化後の表示時間

 インライン化前の表示時間が68 / 100。

 インライン化後の表示時間が74 / 100。

 だいぶスマートフォンサイトの表示時間が短くなりました。



サイト内の同タグへのリンク: JavaScript  インライン化  スマートフォン  表示時間  テンプレート  カスタマイズ 
他のサイトへのタグリンク : JavaScript インライン化 スマートフォン 表示時間 テンプレート カスタマイズ

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[・FC2ブログでスマートフォン用サイトを作ろう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/158-453b6024
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。