難易度 ★すごく簡単 概要 サイト内でリンク切れとなっているページ、画像、CSS、JSを無くしましょう。といった施策です。JSやCSSファイルのようなリソースをリクエストするファイルのリンク切れは、処理をブロックすることになり、サイトをクラッシュさせて…

難易度 ★すごく簡単 概要 画像を最適化して、ファイル容量をできるだけ小さくしましょう。といった施策です。 カメラで撮影した画像には、カメラの製品名や撮影日時などのメタ情報がデータとして入っていたり、表示には影響しないような不要なスペースがあっ…

難易度 ★すごく簡単 概要 ブラウザがページをレイアウトをするとき、画像のような置換要素（hr、isindex、applet、button、embed、iframe、ilayer、img、input、layer、object、select、spacer、textarea など）の周りではフロー（要素の大きさ、位置などの…

WordPressでは、自動的にrel="prev"とrel="next"がhead内に記述されますが、nextpageによる記事の区切りではなく、前の記事と次の記事を示すタグとして使用されています。 Googleが複数ページにまたがる記事の関連性を知るためにprevとnextをサポートしまし…

難易度 ★すごく簡単 概要 すべての画像の幅と高さを指定することで、不要なリフロー（要素の大きさ、位置などの再計算）やリペイント（描画）が減り、レンダリング（画面への表示）をより速く行うことができます。 ページを表示するときには、少なくとも1回…

難易度 ★★★大変 概要 複数の画像を一つの画像にまとめて、ブラウザの読み込みの処理を少なくする手法です。 外部ファイルを読み込む際には、「TCP接続設定」「HTTP要求」「DNS名前解決」の3つのレスポンスが発生します。複数の画像をまとめることで、このレ…

難易度 ★★まぁ簡単 概要 JavaScriptファイルの改行やコメントアウトを消して、ファイルサイズを減らすことで、ファイルの読み込み時間がちょっと短くなるよ。っていう施策です。 [js]var url = window.location.href; alert(url);[/js] ↓ [js]var url=window…

難易度 ★★★★すごく大変 概要 ブラウザがJavascriptをパース（プログラムで扱えるようなデータに変換すること）している間は、そのJavascript以降に書かれているHTMLのレンダリング処理（画面に表示する内容を描画する処理）が止まり、ページの表示に待ちが発…