Luxeritasルクセリタスの高速化設定方法と.htaccessへの追記方法

とにかくスピードが凄いルクセリタスですが、設定をしていなかったり、余計なプラグインを入れて重複していたりすると台無しです!

高速化に重要な項目

  • 画像遅延読み込み(LazyLoad)
  • ソースコード圧縮・最適化
  • キャッシュ利用

通常なら色々なプラグインが必要ですが、ルクセリタスには上記すべての機能があります。

 

そこで、高速化の為の設定方法を解説していきます。公式サイト推奨の画像圧縮プラグインもひとつ使います。

独自に何かをするのではなく、ルクセリタスの機能での推奨設定の方法になっていますので、とりあえず何もしていないのであれば、すべてこの通りにしておく事をお勧めします。

 

一般的な高速化については以下も参考にして下さい。

WordPressを高速化!表示速度を上げる事の重要性と方法について
高速化の重要性 ページの表示速度は、ユーザビリティにおいても、SEOにおいても重要です。 Googleもページスピードを重視し、検索順位に影響すると明言しています。 Webサイトを高速化することは、サイトの所有者だけでなく、すべてのインター...

 

ルクセリタスのその他初期設定については以下をご覧ください。

Luxeritasルクセリタスを効果的に利用!初期設定でやっておきたい事まとめ
ルクセリタスを使い始める際に、 SEO・OGP・SNS連携や高速化機能を含め、多機能なルクセリタスをより効果的に利用する為に、初期段階から設定した方が良いものを解説していきます。 ダウンロード~インストール ダウンロードからインストールまで...

 


 

必要なもの

  • FTPクライアント
  • EWWW Image Optimizerプラグイン

 

ルクセリタス機能

Lazy Load(画像の遅延読み込み)

ページの読み込みの際に、今表示している画面外の画像読み込みを遅延させる事で、表示速度を速めます。

つまり、一度にページ内すべての画像を読み込むと時間がかかる事がある為、見えている画面より下にある画像は、最初に読み込まず、スクロールしていく都度、画像が読み込まれるようにする機能です。

 

Luxelitas→Lazy Loadタブ

詳細は開発者のブログをご覧ください。

上記、必要な項目にチェックを入れるだけでLazyLoadの設定は完了です。

 

高速化一括設定

「Luxeritas」→「高速化一括設定」

 

推奨設定」を押して保存します。

 

Ver3.7.0~「より高速」ボタンが追加されています。

以下、開発者るなさんのブログより引用

これ(より高速)に設定すると、ブロックライブラリと Font Awesome が非同期になる。

ただし、「推奨設定」と「より高速」では、どちらが速いかは設定の組み合わせや環境による

例えば、Font Awesome の CSS を「オリジナル」に設定した場合は、非同期の方が速いけど「Luxeritas 最小」に設定した場合は、同期の方が速い。

 

 

初期値と推奨設定の違い

以下を参考に、独自の設定も可能です。

また、「推奨設定」「初期設定」のボタンを押すことで、以下の通りに復元可能です。

 

初期設定 推奨設定
圧縮・最適化 HTML圧縮率 圧縮率・低 圧縮率・低
子テーマCSS圧縮 親子CSS結合 親子CSS結合
子テーマJavascript圧縮 圧縮しない 圧縮する
CSS テーマの CSS を HTML に埋め込む
WordPressのブロックライブラリ用 CSS CSSをHTMLに埋め込む CSSをHTMLに埋め込む
Javascript jQuery の読み込み方法 jQuery v3(おすすめ) jQuery v3(おすすめ)
jQuery を非同期にする
Lazy Load 各種サムネイル画像
投稿コンテンツ
サイドバー
フッター
Gravatar
その他 バッファリングの逐次出力を有効にする
SNS カウントキャッシュ キャッシュする
キャッシュ再構築 10分 1時間

 

 

高速化用.htaccess

FTPでダウンロード

FTP操作がわからない、またはクライアントがない方は以下をご覧ください。

FTPクライアントの使い方(FFFTP)とワードプレスのファイル構成
今回は、私が何十年も変わらず使っているソフト「FFFTP」でFTPクライアントの使い方と、ワードプレスでのファイル構成を紹介します。 既にワードプレスが稼働している方向けの説明になっています。 ワードプレスをこれからインストールされる方は以...

 

サーバーによっては、コントロールパネル等から「.htaccessファイル」を直接編集可能ですが、その際にもFTPでダウンロードしてバックアップを取っておく事をお勧めします。

レンタルサーバーでの.htaccess編集については以下にヘルプがあります。
エックスサーバー
さくらレンタルサーバー
ロリポップ

 

FTPクライアントで、「.htaccess」をダウンロードします。

「.htaccess」ファイルは、ワードプレスがインストールされているディレクトリにあります。

エックスサーバーであれば「public_html」の直下、「wp-content」や「wp-includes」ディレクトリがある場所です。

 

ダウンロードしたファイルをコピーしバックアップを置いておきます。

 

 

.htaccessファイルに追記

「高速化一括設定」の「高速化用.htaccess」タブを開きます。

Ver.3.15.0~ セキュリティ設定も追加されています。

(Ver.3.15.0~)

(Ver.3.14.x)

 

ここに記載されているコードをすべて、「.htaccess」に追記します。

※ご自身のルクセリタスの対応画面からコピーして下さい。

 

.htaccessファイルには既に何かしら記述があると思いますが、それを消さないようにご注意下さい。必ず、最後に追記!

 

 

FTPでアップロード

追記したファイルを保存し、サーバーへアップロード上書きします。

 

以上で完了です。

 

万が一、何かしらの不具合があった場合は、コピーしておいた「.htaccess」ファイルのバックアップを再度FTPで上書きアップロードすれば元に戻せます。

 

 

画像圧縮

前提

大きな画像のまま使っても見た目には縮小されているので気にならないかもしれませんが、読み込みに何倍も通信量がかかり、ユーザビリティはもちろん、SEO的にもマイナスですので、スマホ撮影画像などは縮小してからアップロードする事も重要です。

以下も参考にして下さい。

アップロード前にサイズダウン

 

画像圧縮プラグイン

画像の圧縮には、以下のプラグインを利用します。

EWWW Image Optimizer

 

メディアファイルをアップロードする際に、自動で圧縮してくれるプラグインで、既存のメディアファイルの一括圧縮も可能です。

 

プラグインの新規追加から検索し、インストール・有効化します。

 

 

設定

設定は1か所にチェックを入れるだけですので、簡単に説明します。画面付きで見たい方は以下をご覧ください。

画像最適化プラグイン-EWWW Image Optimizer 2019
たった1か所のチェックで完了!!簡単設定! はじめに ブログを運営していて投稿記事が増えてくると、画像ファイルも増え、表示速度が遅くなってしまいます。 表示速度が落ちるとユーザー離脱率が上がってしまいます。 そこで、プラグインを使って画像フ...

 

Basic(基本設定) なにも変更しません。
デフォルトで「Remove Metadata(メタデータを削除)」にチェックが入っています。
もし入っていなければ入れて下さい。

Convert(変換設定) 1か所チェックします。
「コンバージョンリンクを非表示」 にチェックを入れます。
(画像の拡張子変更を許可しない=画質低下を防ぐ為)

 

 

既存画像をまとめて圧縮

「メディア」メニューに「一括最適化」が追加されていますのでそれをクリックします。

 

 

「最適化されていない画像をスキャンする」をクリックします。

 

スキャンが完了すると準備完了画面が出るので
「最適化を開始」をクリックします。

 

【参考】 通常、数秒程度で完了するかと思いますが、約3万個のメディアファイルがあるサイトでは1時間かかりました。

 

メディア一覧で、詳細表示にすると圧縮されたサイズなども表示されています。

 

以上で完了。今後は画像アップロードするたびに自動で圧縮されます。

 

 

ルクセリタスのその他の設定については、以下も参考にして下さい。

ルクセリタスで設定できる項目のすべて-600項目!?
ルクセリタスはとても高機能で、管理画面でカスタマイズできる内容は 約64種 550項目もあります! すべての設定項目で何ができるのかをまとめました。 初期設定・高速化設定については以下も参考にして下さい。 使い方のまとめは以下も参考にして下...
ルクセリタスの設定 やりたい事の逆引きで編集箇所がわかる50音順一覧
ルクセリタスはとても高機能で、管理画面でカスタマイズできる内容は 約64種 600項目以上もあります!(常に進化しているのでもっとあります) いざ、何かを変えたい時に、どこでその設定が出来るのかをすべて把握するのはちょっと困難で、ちょっと探...
綾糸: 綾糸 主婦 1990年代、汎用機時代のエンジニア 趣味で長くやっていたweb制作は、未だにエディタでの手コーティング 現在は自宅でゆるりとweb制作やライターをしています