ブログのレイアウトが崩れる

5月8日にブログページのテーマをMathesonからGeneratePressに変更した。 その際に、描画領域を変更したら、ブログのレイアウトが崩れた。 後の為に、対策方法を以下にメモしておく。 1.問題点 (1)下図の … 続きを読む ブログのレイアウトが崩れる

ブログページ速度の改善効果

ブログページ速度の改善を5月8日の更新版に全て反映した(テーマ変更が主である)。 その効果を以下に整理する。 1.前提条件 (1)テストするページは、テストに使ったページと同じ内容とする。 (2)Webpagetestの … 続きを読む ブログページ速度の改善効果

ホームページ速度の改善効果

ホームページ速度の改善を5月8日の更新版に全て反映した。 その効果を以下に整理する。 1.前提条件 (1)テストするページは、トップページとする。 (2)Webpagetestのサーバーは東京を使う。 2.改善前(4月8 … 続きを読む ホームページ速度の改善効果

リンク切れのチェックツール

リンク切れのチェックツールを使ってみた。後の為に以下にメモしておく。 1.背景   バタイユゲーム情報班のホームページを見ていて、リンク切れに気付いた。   参照している外部サイトがURLを変更した為である。   心当た … 続きを読む リンク切れのチェックツール

ホームページ速度の限界

ホームページの表示速度が安定しないのは、サーバー性能の限界である。 調べた内容を以下に整理する。 1.表示速度が低下する原因   サーバー応答時間(Time To First Byte 略してTTBF)が大きい為である。 … 続きを読む ホームページ速度の限界

ホームページ速度の改善その6

ホームページの表示速度が安定しないので、対策してみた。 結論から言えば、余り効果がなかったが、後の為に、以下にメモしておく。 0.前提条件   全く気付かなかったが、テストサーバーは下図のようにUSAヴァージニア州ダレス … 続きを読む ホームページ速度の改善その6

【HTML】imgタグで幅と高さを指定

<img>タグで幅と高さを指定するとページ速度の改善になる とのWEB記事を見かけたので、試してみた。 結論から言えば、少し早くなる。 1.テストしたWEBページ   下図枠内の画像がテスト対象である。 2. … 続きを読む 【HTML】imgタグで幅と高さを指定

ホームページ速度の改善その5

ホームページのパフォーマンス向上の為に事前接続を試してみた。 後の為に、以下にメモしておく。 1.問題点   下図枠内のように、webfonts.sakura.ne.jpに再度接続している時間が無駄である。 2.原因   … 続きを読む ホームページ速度の改善その5

ホームページ速度の改善その4(2/E)

つづき 3.WEBフォントの参照も非同期にしてみた   前項目で遅延から非同期に変えたら改善されたので、同様にしてみた。   結論から言えば、逆効果である。この方法は見送りにする。   変更前   変更後   light … 続きを読む ホームページ速度の改善その4(2/E)

ホームページ速度の改善その4(1)

ホームページのパフォーマンス向上の為に色々試してみた。 後の為に、以下にメモしておく。 0.CSSのbackground-imageで指定する画像もwebp化   以前に”ホームページ速度の改善(2)”で検討し、”ホーム … 続きを読む ホームページ速度の改善その4(1)