【速度が64点アップ】STINGER8を使うならやっておきたいサイト高速化の方法

「とりあえずやっておきたい」基本のブログ速度向上ワザ。

STINGER8は超シンプル。だからこそ高速化。

だから「カスタマイズしたい派」には見やすくていいんだ。初心者修行にもなる。役に立つかどうかはアレとして。なににせよ、

カスタマイズをしているとCSS（スタイルシート）への記載も多くなるし、これらの圧縮などで高速化をしてやったほうがいいみたい。

まだブログ始めたての場合はそれほど気にすることもないのだろうけど、だんだん必要になってくるから「WordPressブログの高速化キホン編」をメモがてらやっていこうと思う。高速化カスタマイズ？

まあ別にSTINGERじゃなくてもいいんだけど。

このほうが流入あるかなってことや。

【修行にはなる】STINGER8（スティンガー8）カスタマイズ集。裸一貫になったステ子のボンビードレスアップカスタム。

その他の参考・「WordPressの高速化〜表示速度を上げる12の技〜」サルワカ さま

スピードアップのやること一覧

サイトの速度計測は有名な以下のサイトにて行った！

よほどの愚か者か怠け者でない限り危機感を感じるべきステータス

まずは元の数値。ポリビウス風に皮肉られてもおかしくはない点数を叩き出してくれやがりました。

（爆）

ちょいとばかりショッキングな映像が流れてしまったが大丈夫。

ダイジョウブ。

ダイジョウブだと思えばだいたいのことは大丈夫。

いざ高速化①！「Jetpackで画像圧縮」

↑目次へ！

「画像と写真のスピードアップ」にチェックを入れるだけ！

WordPress公式のなんでもプラグイン「Jetpack（ジェットパック）」の機能を使う。

画像を圧縮してくれるのか、CDNとやらでうまいこと効率表示してくれるのかよくわからないけれど超絶的な効果を持っている。

CDN（コンテンツデリバリーネットワーク）

自分のところのサーバーから使うのではなくて、世の中にあるところから使うらしい。jQueryやGoogleフォントなんかも「なんやこんなこというてたな」ってくらいの知識はあるのではないでしょうかなんやかんやとブログをカスタムしていると。

そんな情報でええんか。

参考「第１回 ＣＤＮ の 仕組み （CDNはどんな技術で何が出来るのか）」blog.redbox.ne.jp さま

とにかく「Photon（フォトン）」という機能をオンにするだけでOKだと分かれば良しである。（現在は「メディア」という項目になっている）

手順

①「Jetpack」をインストールして有効化する。

②管理画面から「Jetpack」項目を選択。

③「設定」から「Writing」→「メディア」をオンにする。

結果

すごう。

※ただし画像がそれなりに荒れる。「いや～それでも画質のほうがいいな～」だなんて抵抗心もあるにはあるのだが、しっかし0点が43点とかになってしまうといやはや

他にできる「画像の速度アップ」には遅延読込させるプラグインが有名。

画像は○○KB（キロバイト）くらいにしておきたい
○○MB（メガバイト）だと重たい。PNGだと重たい。フォトショップなどから直接PNGで出したらそりゃ重たい。JPGで出したい。あるいはバンディカムなどのキャプチャーソフトでパシャリとJPGにでもしておきたい。

さあ次や！

いざ高速化②！「CSSの圧縮（HTMLやjavaScriptも）」

↑目次へ！

プラグイン「Autoptimize」をほぼ入れるだけ！

「Autoptimize（オートオプティマイズ）」というプラグインは「CSSやらHTMLやらjavaScriptやらのコードを圧縮してくれる」というスグレモノ。

特に、「カスタマイズで子テーマのスタイルシートなどにCSSがずらーーーっと羅列される」ことになる「すっぽんぽんのフリー版STINGER8を使っていく場合には効果抜群」なのではないだろうか。

手順

①「Autoptimize」をインストールして有効化する。

②管理画面から「Autoptimize」項目を選択。

③「メイン」から「HTMLオプション」「javaScriptオプション※」「CSSオプション」をオンにする。

※javaScriptオプションの場合はプラグイン次第で乱れる場合がある。（jSが使われているプラグならありうるし、またよく使われているという）適用後におかしな挙動があればここのチェックは外す方が良いだろう。

結果

これが……

（別のページで測定）

こんな感じに速度向上！

微増！！

このデータ圧縮は「ルクセリタス」ならデフォルト機能から可能なのかな。

さあ次や！

いざ高速化③！「秘密のファイルに書き込め」

↑目次へ

「.htaccess」というファイルに「Gzip圧縮」&「キャッシュ処理」コードを記載

この魔法のような文を書き込めばアラ不思議とばかりに速度が改善するという。

気鋭の光速テーマ「ルクセリタス」をいじっていたらこのようなテクがあることを知り、探すと色々と出てくるではありませんか。ということでコチラにたどり着きましたというわけである。

「.htaccess」

読み方：ドットエイチティーアクセス

いろいろとサーバー側への命令書みたいな役割があるらしい極秘ファイルとみています。リダイレクト指示などもここに書けばアラ不思議とばかりに実現。ほぼデスノートみたいな気分だよ。

恥ずかしくはないのかい。

参考「読み方：ドットエイチティーアクセス」e-words.jp さま

手順

まず「FTPソフト」の使い方を覚えておこう！

FTPソフトで「PCとサーバーを簡単に繋ぐ」ことができる。そうすることで「ラクにサーバー側にアクセスできるし（用途毎にサーバーにログインしなくとも）」、「変な記載をしてエラーになってしまった場合でも復旧がラク」に。とにかく必須と言っていい技である。覚えておこう。

「.htaccess」をダウンロードする

FTPソフトでサーバーに繋ぎ、「.htaccess」をダウンロードする。

「.htaccess」を開く

Winなら「テラパッド」、Macなら「iText Express」などのテキストエディタで開くとラク。ファイルの種類を「すべてのファイル」として開こう。

「.htaccess」に先のコードを記載する

そして保存。

「.htaccess」をアップロードして上書き

これでOK。

結果

なかなか見れる点数に。

それでも赤字だけど。

このデータ圧縮は「ルクセリタス」ならデフォルト機能から可能なのかな。「高速化用 htaccess」とやらで。

他には「Wp Super Cache」という有名なキャッシュ系プラグインがあるというが、

でビビらされることになる。

しかし「使い方次第なのかな」という案も出てくる。

でも結局良くわからないのでスルーしておく。

ともあれ、

そしてここがほぼ限界である。

後はもう画像をキレイにしすぎたために重たくなっているし、1ページのコンテンツ量が尋常じゃないから。

うん。そういうことだから。

あと「ALL IN ONE SEO PAC」という重たいプラグインを排除できずにいるし、まあ0点から思えばかなりの点数を稼いだから。

ただそれほど体感的に速くなった気もしないような。

いや、するような。

自分のPCスペックが高いからあまり気にならないのかもしれないし、まああまり根つめてもしょうが無い。

というか、

有名なサイトさまである「バズ部」さんや「LIG」さんなども別にそんなに速くないけどね。数値上は。60点台じゃないかな。

だからあまりそこまで気にすることもないんじゃないかな。

※ただ「ルクセリタス」テーマは速く感じるね。読み込みはしてるんだけど、「とにかくまずは表示させる」とばかりに表示の初速が速い。同じ60点台でも。

以下おまけ

いざ高速化メンテ！「記事キャッシュのお掃除チェック」

↑目次へ

プラグイン「Better Delete Revision」で適時に掃除！

ゴミデータをお掃除する「Better Delete Revision（ベター デリート リビジョン）」で軽くなる。

記事を保存しているとリビジョンという復元ポイントが溜まっていく。それはそれでありがたいだろうけど、いつかは要らなくなっていく。しかしため続けると膨大なゴミデータになってしまうのだとか。

それがこの12474というゴミの量である。

1年半に及ぶゴミがそのまま鎮座なされていた我がブログであったてへへ。

手順

①「Better Delete Revision」をインストールして有効化する。

②管理画面の「設定」から「Better Delete Revision」項目を選択。

③「Check Revision Posts」を選択。

④「Yes, I would like to delete them!（～）」で全消去。

これでスッキリだい！

定期的にやっておこう。

※改善数値は測り損ね

STINGER8カスタマイズはここ

【修行にはなる】STINGER8（スティンガー8）カスタマイズ集。裸一貫になったステ子のボンビードレスアップカスタム。