ワードプレス Diviの高速化 2019 正式版グーグルフォントと WP Super Cache

ワードプレス Diviの高速化 2019 正式版グーグルフォントと WP Super Cache

今回はワードプレスの Divi テーマで作成しているサイトの高速化をはかりたいと思います。以前にフォントを変更することによる高速化を紹介しましたが、また別の方法を提案したいと思います。さらにキャッシュも導入することによりさらなる高速化を目指します。 ワードプレス Diviの高速化 2019 正式版Googleフォントへの変更と WP Super Cache 1.正式版 Google フォントへの変更により高速化 前回、追加 CSS の設定でフォントを変更し、高速化する方法について説明しましたが、今回は、そもそも Divi...
ワードプレスの高速化2019 Autoptimize + ShortPixel Image Optimizer

ワードプレスの高速化2019 Autoptimize + ShortPixel Image Optimizer

ワードプレスの高速化のためのプラグインにはいろいろありますが、今回ご紹介する「Autoptimize」に「ShortPixel Image Optimizer」の組み合わせは非常に高速化効果が高いです。設定方法とともに設定前後の速度比較もあわせてご紹介します。 ワードプレスの高速化 2019 Autoptimize + ShortPixel Image Optimizer 1.Autoptimize のインストールと設定 まず Autoptimize のインストールと設定から図解説します。 1)Autoptimize...
Divi サイトの高速化 フォントの変更とAutoptimizeプラグイン

Divi サイトの高速化 フォントの変更とAutoptimizeプラグイン

実は Divi で作成した日本語サイトは、初期設定のままでは極端に重く遅いのです。今回はいくつかの設定を変更することにより高速化を行います。極端に重い一番の理由は下記で詳しく説明しますが、非常に重い日本語のフォントを読み込んでいるためです。それ以外にも高速化のために行っておいた方が良いことがありますので、ここにまとめておきます。 Divi サイトの高速化 フォントの変更とAutoptimizeプラグイン 1.速度の確認方法:PageSpeed Insights サイトの速度の確認には、Googleの PageSpeed...
Diviの使い方8 テーマのカスタマイズ4 追加CSS設定

Diviの使い方8 テーマのカスタマイズ4 追加CSS設定

Divi ではテーマのカスタマイズを便利に行えるように、追加のCSS設定を書き込む専用の場所が用意されています。今回はその機能を利用してテーマのカスタマイズを行う方法について図解します。 Diviの使い方8 テーマのカスタマイズ4 追加CSS設定 1.追加CSS設定の場所 Divi でテーマ全体のカスタマイズのために、追加の CSS 設定を行うには、下記の場所にコードを書き込みます。 「外観」>「カスタマイズ」をクリックします。 一番下に「追加 CSS」があるのでクリックします。 追加 CSS...
Divi レッスン9 テーマのオプションのおすすめ設定

Divi レッスン9 テーマのオプションのおすすめ設定

Divi でサイトを作成したら、ぜひオプション設定も変更しましょう。Divi はテーマのオプションを専用のメニューでいろいろと変更できるようになっています。今回はぜひ設定しておいた方が良いおすすめの設定を図解します。 Divi レッスン9 テーマのオプションのおすすめ設定 1.テーマのオプション設定の場所 テーマのオプションを設定するには、ワードプレスダッシュボードの、 「Divi」>「テーマのオプション」をクリックします。...

Pin It on Pinterest