ブログの表示を速くする(初級)

ナチュログが重い、ブログの表示を早くする方法・・・ナチュログのテンプレートカスタマイズ・ブログデザイン・ブログカスタマイズ
今回はカスタマイズ記事ではなくてナチュログの表示を早くする設定です。

ナチュログが時間帯によって表示が遅くなるというのはインフォメーションでもアナウンスされていますが、確かに遅くなります。
ホームページやブログの表示が時間帯によって遅くなる原因は下記3点。
①ナチュログのサーバーの問題
②ナチュログのサーバー側の回線の問題
③閲覧者側の回線の問題
なんだよ!と思われるかもしれませんが道路が込めば渋滞するように、インターネットもアクセスが多いときは遅くなります。
これはブログをやっている人にはどうしょうもありません。
であれば、出来る事をやる。少しでも自分のブログを軽くしましょう。
主なポイントは二つ
①画像を軽くする
②表示項目の見直し
①の「画像を軽くする」がもっとも重要なので、後ほど少し詳しく書きますが②も結構影響します。
②「表示項目の見直し」の主な項目は
○ソーシャルボタン・・・「ブログの環境設定」で変更できる「ソーシャルボタン」、各記事の末尾に表示されるのですが必要なものだけを表示させましょう。特に「表示内容の設定」で「トップページで表示される記事数」を多く設定している場合は注意です。
○表示数・・・「ブログの環境設定」で変更できる「記事の最大表示数」、「サイドバー表示数」、必要以上に多くしない。
※僕は個人的に「続きを読む」表示が好きではないのでPCのTOPページの記事数は5個にしました。
○アフィリエイト・・・アフィリエイトは別サーバーにアクセスします。当然ナチュログの環境とは別に、アフィリエイト側の環境も影響してきます。
そして次に「画像を軽くする」、ブログの表示を軽くする最大の要因です。
一番やってはいけないのはデジカメやスマホで撮影した画像はそのままオリジナルサイズでアップロードしてしまうこと。
最低限ナチュログにアップロードする時には、ナチュログの設定で必要なサイズにリサイズしましょう。
ナチュログのスマートフォンテンプレートでは
記事内の画像表示サイズが「スタイルシートで最大幅が制御されています」
スマホではオリジナルサイズでアップロードしても、表示は遅くなりますがはみ出すことはありません。
しかし、標準のPCテンプレートでは「最大幅が制御されていません」
リサイズされていない画像をそのまま記事に挿入すると、PCで見た場合は画像の左側一部分しか表示されず、閲覧者は画像の一部を拡大したような画像を見ることになります。

PCで見るとこんな記事になってしまいます、画像を全て見る場合は、記事を延々横スクロールしないといけないので非常にストレスになります。
<2015/10/29 追記>
PC版テンプレートの修正でPC版のテンプレートで最大幅が制御されるようになりました。【記事はこちら】
次のステップは画像の圧縮です。
デジカメやスマホのカメラは高性能になっていますのでプリントアウトしても綺麗です。
しかし、綺麗な画像はファイルサイズが大きくなります。また、モニターではその綺麗さを写真ほど表現できません。
そこで画像を簡略化します、人間の目ではわからない同系色の点をまとちゃう訳です。
ブログにはプラグインなどで画像をアップロードする時に画像を自動的に圧縮してくれるものもありますが、ナチュログの現在のシステムでは圧縮されません。
撮影した画像を必要なサイズにリサイズして、サイズを圧縮(データを簡略化)した画像を投稿する。
ここまでやれば完璧です。
※テンプレートを改造して背景に画像を使う場合はサイズが特に注意です。
画像のリサイズ、圧縮には無料ソフトがたくさんあります、ソフトがなくてもWEB上で簡単に作業出来るサイトもありますので利用してもいいかもしれません。
<画像加工編集>
http://www.bannerkoubou.com/photoeditor/compression
2015/08/04
ナチュログのカスタマイズ(ブログデザイン・ブログカスタマイズ)記事1個目、ブログの看板画像(ページのタイトル画像)を差し替える方法です。今回は使っている方も多いみたいなんで「緑という空間は癒しの場所(3カラム)」というテンプレートでやってみます。まずはこのテンプレートの横幅を調…
2015/08/08
このブログにページのトップへ戻るボタンの設置しました。ナチュログのカスタマイズ(ブログデザイン・ブログカスタマイズ)ページが長くなるとトップへ戻るボタンがあると便利ですよね。ナチュログでは右下に広告が入る場合があるので、ブラウザの表示画面右上を基点に下に50px、左に50pxで指定していま…
2015/09/02
ブログ記事の画像に装飾をする方法です。・・・ナチュログのカスタマイズ(ブログデザイン・ブログカスタマイズ)方法は何種類かあるのですが、今回は簡単に「コピペ」で記事の画像全てを一括で変更する方法です。スタイルシートの最後に、好きな装飾の青文字部分を「コピペ」するだけ!最後というのが重…