nKB

nKB

シンプルにいこうよ

はてなブログメモ

画像
  • 横幅「540px」
  • できるだけサイズを小さくする。圧縮等。

画像を小さくすれば読み込みが早くなり、ストレスが軽減される。容量も食わない。

ブログやドキュメントに使う適切な画像形式
使用するのは下記の3つ。
gif…アニメーションgifを作る場合
jpeg…一番使う形式。写真等。画質を80%にする。
png…イラスト等、PC画面キャプチャ、色の数が少ないもの

【圧縮】
TinyPNG...WEBサービス
PNGoo
Jpeg mini
pngquant...TinyPNGで使っているプログラムらしい

【リサイズ】
リサイズ超簡単Pro・・・イカ

【手順】
1. 画像を保存
2. リサイズ超簡単Proでリサイズ
3. PNGooで圧縮

以上

はてなブログバックアップ

記事データをエクスポートできるようにしました。ブログのバックアップ等にご利用ください - はてなブログ開発ブログ

テーマ

solid → 黒ベースでなかなかよかった
naked

Theme Naked Blog

全体のフォントを変更する

ダッシュボード → デザイン → カスタマイズ → デザインCSS

body {
    font-family: Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

フォントサイズは「16px」がよいらしい。Googleガイドラインより

表示速度

GTmetrix | Website Speed and Performance Optimization

サイト表示速度計測
PageSpeed Insights

なにもしない

2018/3/9計測 速度 最適化
モバイル Unavailable Good(87/100)
パソコン Unavailable Low(56/100)


・トップページの記事数を減らす
設定→詳細設定
トップページの記事数(PC版)
「7」→「1」に変更


2018/3/9計測 速度 最適化
モバイル Unavailable Good(86/100)
パソコン Unavailable Low(58/100)