良くありがちな手違いとして、新規でインスタンスを作成した場合、EBSの容量をデフォルトの7GBで作成してしまうことがあります。ある程度、構築が進んでから気付くなんてことも。ここでは、EBSボリュームの増やし方を説明します。 手順は下記になります。 Ap…

難易度 ★すごく簡単 概要 対応方法は大きく3つあります。 htmlのhead領域に直接インラインで記述する 小さなCSSは他のCSSと合わせる WordPressプラグイン - Head Cleanerの「CSS と JavaScript を、サーバ上にキャッシュする → 複数の CSS を結合する」を使…

難易度 ★すごく簡単 概要 ブラウザにはパラレルロードという、並行してコンテンツを読み込む仕組みがあります。一つのファイルの読み込みが完了してから、次のファイルの読み込みに移るのではなく、複数のファイルを同時に読み込み、解析の速度を向上される…

難易度 ★すごく簡単 概要 html内の改行やスペースを削除して、htmlドキュメントの容量を小さくすることです。 [html]<div> <p>aaa</p> </div>[/html] ↓ [html]<div><p>aaa</p></div>[/html] 元のソースを縮小してしまうと今後の運用に多大なダメージになってしまうので、WordPressプラグインHead …

難易度 ★★まぁ簡単 概要 URL に「?」が含まれている場合、一部のプロキシ キャッシュ サーバーでキャッシュされない為、クエリをつける必要のないファイルはクエリを削除しなさいということです。 [html]<script type="text/javascript" src="">http://asobicocoro.com/tips/wp-includes/js/jquery/…

難易度 ★★まぁ簡単 概要 同じ内容のファイルだが、クエリで分けている、異なる場所から同一ファイルを読み込んでいる場合、一つにまとめましょう。ということです。WordPressの場合は、自動でJqueryのファイルが読み込まれたりもするので、必要のないJavascr…

難易度 ★すごく簡単 ★★まぁ簡単 ★★★大変 ★★★★すごく大変 ★★★★★世の中金次第 難易度 ★すごく簡単 対応 HTMLヘッダーにcharset(文字セット)を指定しましょう。といった内容です。 指定がないと、ブラウザが文字コードの自動判定処理をするので、指定をして必要…

htmlのコーディングルールやキャッシュの設定など、サイトを作成するときに、毎回気をつけるポイントなので、覚えておいて損はないですね。「塵も積もれば山となる」です。 2012年9月4日現在のPage Speedでピックアップされる項目は全部で26個。各々の具体的…

最近、MovabletypeからWordPressにサイトを移設しました。 Movabletypeでは、記事の管理にデータベースを使用するものの、Webサイトに公開する際には、静的ページを生成して公開する形なので、特にパフォーマンスを意識することはありませんでしたが、WordPr…