miraiを探しています

年: 2014年

  • CloudFlareで一時的にキャッシュをOFFにする方法

    CloudFlareを使っているとCSSやJavaScriptなどの変更が即座に反映されないことがあります。
    これを回避する方法を紹介します。

    Development ModeをONにする。

    cloudflare-development-mode01

    Development Modeは3時間有効です。3時間経つと自動でOFFになります。

    Cache Purgeする。

    cloudflare-cache-purge01

    規模の大きなサイトでは処理に時間がかかる場合があります。

  • GTmetrix Grade:A A

    GTmetrix Grade:A A

    Latest Performance Report for:

    ミライを探しています。

    Report generated: Fri, Jan 31, 2014, 10:27 PM -0800
    Test Server Region: Vancouver, Canada
    Using: Firefox (Desktop) 25.0.1, Page Speed 1.12.16, YSlow 3.1.7

    Summary
    APage Speed Grade:A(98%)
    AYSlow Grade:A(99%)
    Page load time: 1.64s
    Total page size: 74.3KB

  • 読みやすいフォントとサイズ

    文字が小さくて読みにくかったので
    フォント：メイリオ
    フォントサイズ：16pxに変更しました。

    CSS変更メモ

    body {
  font: 16px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, arial, helvetica, clean, sans-serif;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, arial, helvetica, clean, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.5;
}

    Before

    　吾輩は猫である。名前はまだ無い。
    　どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニヤーニヤー泣いてゐた事だけは記憶してゐる。吾輩はここで始めて人間といふものを見た。しかもあとで聞くとそれは書生といふ人間中で一番獰悪な種族であつたさうだ。この書生といふのは時々我々を捕へて煮て食ふといふ話である。

    After

    　吾輩は猫である。名前はまだ無い。
    　どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニヤーニヤー泣いてゐた事だけは記憶してゐる。吾輩はここで始めて人間といふものを見た。しかもあとで聞くとそれは書生といふ人間中で一番獰悪な種族であつたさうだ。この書生といふのは時々我々を捕へて煮て食ふといふ話である。

    参照：夏目漱石「吾輩は猫である」

    読みやすくなりました。
    雰囲気も変わって大変気に入っています。