超初心者でもすぐ出来る!Luxeritas高速化の方法

luxeritas

Luxeritas

ーーーーーーーーーーーーーーーーーーー
多くの人は見たり聞いたりばかりで
一番重要な“試したり”をほとんどしない
             本田宗一郎
ーーーーーーーーーーーーーーーーーーー

イッセムです♪

この記事では、このブログのテーマで使用させてもらっているLuxeritas(ルクセリタス)の高速化について紹介していきます。

「モテる」をテーマに色々と記事を書いてきましたが、ここでは一旦置いておきます。

自分の備忘録も兼ねて書いていきます。

1.Luxeritasとは?

るな様が公開されているwordpressテーマですね。

超絶ド素人のボクでも直感で使える部分がありますし、勉強が必要な部分もあります。

何といっても無料で公開されていることが驚きです。

プラグインに頼らなくても、色々とカスタマイズ出来るので動作が重くなり過ぎるのを防いでくれます。

プラグインだと簡単に設定できるところを、初心者のボクに勉強する機会を与えてもらって感謝です。

まぁ全体の3%くらいしか使えてないと思いますが(笑)

2.高速化のためにやったこと

元々、動作が軽快なLuxeritasですが、PageSpeed Insightsの結果はこちら。

PCスピード モバイルスピード

低いですね(笑)

というわけで色々と設定をいじります。

①画像の圧縮

EWWW image Optimizerというプラグインを入れます。

以下の通り、チェックを入れました。

EWWW image Optimizer1

EWWW image Optimizer2 

EWWW image Optimizer3

これで設定は完了です。

WordPress管理画面のサイドバー「メディア」→「一括最適化」を選択します。

「最適化されていない画像をスキャンする」で最適化をすればOKです。

あとは、画像アップロード時に自動で圧縮してくれます。

②「圧縮・最適化」の設定

WordPress管理画面のサイドバー「Luxeritas」→「カスタマイズ」を選択します。

「圧縮・最適化」タグで以下のように設定を変更しました。

圧縮・最適化

③「CSS」の設定

同様に「カスタマイズ」の「CSS」タグの内容を以下のように変更します。

CSS1 CSS2

ウィジェット用のCSSは、ご自身が使用されているウィジェット以外はチェックを外しておきましょう。

④「Javascript」の設定

「Javascript」の設定は以下のように設定します。

Javascript1 Javascript2

⑤「高速化用htaccess」の追記

「高速化用htaccess」のタグで記載してあるコードを.htaccessに追記します。

「.htaccessってどこにあるの?」と思ったアナタ!

ボクと同じ超初心者ですね。
恥ずかしがることはありません。

これから覚えていけば良いのです。
伸びしろメチャあります。

てことで、.htaccessの場所ですが、ボクはレンタルサーバーにXサーバーを使っていますので、Xサーバーの場合で説明します。

XサーバーのHPで「ログイン」→「サーバーパネル」を選択します。

ログインフォームからログインします。

下の図の赤枠「.htaccess編集」をクリック

htaccess1

対象のドメイン名を選択します。

htaccess2

.htaccessのタグを選択します。

htaccess3

ここに、さっきの高速化用htaccessの記載内容を貼り付けます。

htaccess4

編集する(確認)をチェックして完了です。

htaccess5

⑥mod-pagespeedのON

Xサーバーパネル内のmod-pagespeedのONにします。

まずは、サーバーパネルで「mod-pagespeed」をクリックします。

mod-pagespeed1

対象のドメインを選択します。

mod-pagespeed2

 「ONにする」を選択します。

その後、現在の設定がONになっていることを確認出来れば完了です。

mod-pagespeed3

以上で設定変更は終了です。

3.結果はいかに?

というわけで測定結果です。

改善結果1

改善結果2

おぉ!結構改善されました!!

100点には、まだまだ改善の余地ありですが、まだよく分からないのでこれから勉強していこうと思います。

ちなみにGTmetrixでの測定結果も載せておきます。

改善結果3

 

こちらは、かなり良い結果なのではないでしょうか。

4.まとめ

というわけで、超絶ド素人のボクでもここまで改善できました。

これから勉強して残りの問題も解決していきたいと思います。

また、定期的にチェックしてスピードが遅くならないようにしていきます!

それでは、みなさんと共に最高のモテライフを。
イッセムでした♪


PAGE TOP