海外ホスティング入門ホーム > サイトの最適化方法 > JavaScript の defer

サイトの最適化方法 ～ JavaScript の defer

ページを素早く表示するには、ブラウザに対して HTML (コンテンツ) を速やかにダウンロード＆表示させ、 それから JavaScript をダウンロードさせるように指示すると良いです。ただし、JavaScript の document.write を使ってコンテンツを表示している場合は、コンテンツの表示自身に JavaScript を 必要とするわけですからこのテクニックが使えません。

JavaScript 内に document.write でページをレンダリングする部分がないのなら、 script タグに defer とマークすることによって、JavaScript のローディングを遅延させることが出来ます。

defer は次のように指定します。

<script defer type="text/javascript" src="..."

ただしブラウザによっては script タグの defer が有効でない場合もあります。

このため、必要性のない限り出来る限り script タグによる外部 JavaScript ファイルの取り込みを、 HTML の末尾 (body の終了直前) に記載すると良いでしょう。

但し、JavaScript の書き方によっては、取り込み場所を変えた途端に機能しなくなる場合もありますから、 作業する時には十分気をつけましょう。

■ 初期費用、維持費の安い使いやすい安定した Web ホスティングを探している方におすすめ

当サイトでおすすめの初心者にも使いやすく、初期費用、維持費の安い使いやすい安定した Web ホスティングは『ブルーホスト』です。 Web サイトの最適化も当サイトで実証済みです。

新規ドメインの取得も簡単（通常、オンラインで取得手続き後直ちに利用可能）、WordPress、Joomla などのブログ、CMS についても簡易インストールサービスも含まれています。 特に WordPress についてはオフィシャル・ホスティングとして有名です。

» ブルーホストの詳細情報はこちら

海外ホスティング入門ホーム > サイトの最適化方法 > JavaScript の defer