はい、それでは今回はページ速度を改善する方法について解説を進めていきます。 この動画を視聴する目的とですね
まず一つ目 ページ速度の
遅い要因がわかります。 自分で判断ができるようになるということですね。
これいくつかご紹介します。 あとはウェブ上のファイル形式の知識がつくようになります。
意外と知らない人が多いので、この機会にこの知識を覚えておきましょう。 あとは画像を圧縮するツールですね。これを知ることができます。
いくつかあるんですけど、ワールプレスのプラグインとかアプリとか ブラウドで使えるアプリとかそういったものをご紹介していきたいと思います。
ではまずページ速度が遅くなる要因、それとデメリットについて解説を進めていきます。
いろいろあるんですけど、このページ速度が遅くなってしまう要因ですね。 まず一つ目
プラグインの入れすぎ問題ですね。 これっていうのは
このプラグインところでインストール済みのプラグインが確認できます。 その中で
これサンプル用の デモサイトなんであれなんですが、このように
プラグインが多数入っている状態だと 影響しますよっていうところですね。
これ解説でいろんなプラグインを導入しているのでその関連で多いんですけど、 実際のサイトはもっと最小限にしています。
なのでプラグインは原則、入れすぎ、注意ということになります。 使ってないもの
そういったものは積極的に削除しましょう。 削除する方法はとても簡単です。
1回無効化してからこの削除をクリックしてください。 これで ok をクリックするっていう感じですね。
とても簡単に削除できますので、 入れすぎ注意ですっていうところです。
例えば おすすめ記事を読んでよくわからずに大量に導入するっていうのはあまり良くないです。
よくわかってないならそもそも入れるべきではないです。 あとは個人的には SEO 系のプラグインとかバックアップ系のプラグイン
セキュリティー系のプラグインですね。 そういったものがあれば特に他は不要です。
もっと突っ込んだことを言えば ブロックエディターですね。最新のブロックエディターを覚えればこのクラシックエディターのプラグイン
導入する必要はないのでこれを消せますよね。 この中にはないんですけど、アケスメットっていうプラグインも結構いろんな
記事が紹介してるんですけど、コメント機能をオフにすれば不要なので いらないですよね。他にもいろいろあります。
SSL 化はさすがにこういうプラグインを使った方がいいですけど、ショートコードも WordPress テーマにあるのであればいらないので消せますよね。
といった感じで、 WordPress テーマが補ってくれているようなものっていうのはわざわざプラグインで入れる必要はないです。
そういうものは削除してしまいましょう。 とはいえですね、
プログラマーで長きに実装することが難しいものっていうものは入れといた方がいいので、そこら辺の選別は
必要になってきますが、基本はですね 入れすぎっていうのはあまり良くないんですよっていうことを覚えておいてください。
なんでかというと 速度が遅くなるからですね。
それと同じような感じで使ってない WordPress テーマも削除しましょう。 例えばこれ外観のテーマですね。ここをクリックしてもらうと
標準で入っているもの、今導入しているもの、人によっては過去に導入したものがこちらに表示されます。
これも注意が必要で、この WordPress テーマですね、使ってないものがあったら削除しましょう。ここで削除できます。
はい、といった感じで今既に設定してあるものですね、現在設定してあるもの以外にしとくっていうのが
結構理想的だったりします。 それとそもそもの話ですね。
契約しているサーバー会社も大きく影響します。 お勧めはですね、いろいろある中で X サーバーですね。これがお勧めです。
いろいろ X サーバーを推す理由はあるんですけど、初心者向けだとか情報が豊富だとか
ただこのページ速度の観点では、やっぱり安定しているサーバーだからっていうこともあります。 参考記事として
こういうデータもあります。 日本で最も利用者の多い
サーバー会社のデータですね。 段凸になっています。ロリポップもいいんですけど、やっぱり X サーバーが
段凸ですね。これからもしかしたら違うサーバー 出てくるかもしれませんが
やっぱり歴史的に長い X サーバーの方が今のところはいいですねっていう話になってきます。
X サーバーというと アフィリエーターとかですね
そういう人が使っているようなイメージだったりすると思うんですが これっていうのはもっと
ウェブに関わる人全てです。なのでスマウロビネスを やっている方も同様ですね。
サーバーの料金
安めのとこあるんですけど、ここはケチらずですね。 X サーバーにしてください。
たまにケチる人がいるので X サーバーにするっていうのを
おすすめです。 後からですね、ドメインの移動とかサイトの移動っていう話になってくる
知識がないと自分ではできなかったりしますので 誰かに
お願いしてもらうっていう話になってくるかもしれないので やっぱり最初のこのサーバー選びっていうのは後々ですね
効いてきますので X サーバーにしましょう。 では次ですね
キャッシュが影響しているっていうものなんですけど これは
キャッシュ系のプラグインですね。 こういうものを導入しましょう。キャッシュというとブラウザとサイトとか
いろいろあるんですけど、サイトの方ですね。そういう システムの方ですね。システムの方のキャッシュを処理してくれるプラグインを導入しましょう。
有名どころだとですね、いろいろあるんですが WP スーパーキャッシュっていうものがあります。
もしかしたらその都度変わってくるかもしれませんので 2020 年
キャッシュ系ワードプレスプラグインとかそういうので検索してください。 このプラグインの使い方はこの名前使い方で検索していただければ
簡単にできます。例えば WP スーパーキャッシュ 使い方
そのように検索してもらえば
わかります。設定方法もわかります。 今回メインとして扱いたいのがここなんですけど
メディアにアップロードしている画像ですね。 これのファイル形式だったりファイルのサイズですね。
キロバイトとかそういうサイズです。これが影響しているということもあります。 今回はここをメインで解説していきます。
いろいろある中でということですね。 他のものはですね
その都度修正していくって感じになってきますので こういうプラグインとかワールドウェステーマですねその都度
気づいた今の段階でやってもらうっていう形になります。 サーバーもですねこれもしかしたら今現在違うサーバーを利用してるんです
っていう場合もですね 結構
引っ越し作業を解説するとかなり専門的になってくるので その場合はここならとかランサーズとか
そういうものでお願いして部分的にお願いしてみてください。外注ですね。 キャッシュ系も
これも重要なんですけどそれよりも
この画像の方がすごく重要なので重要かつ すぐに実践できることなので今回はメインをここで解説していきたいと思います。
キャッシュに関してはこれ検索すれば出てくることなので そのようにしてください。
あとペーリ速度が遅いデメリットですね。 これはサイトからの離脱率が上がります。
アップしてきてページがなかなか開かなかったらすぐ離脱してしまうっていうのは 簡単に想像できますね。そういうものです。
簡単に離脱してしまうっていうことはSEO的にも良くないです。 ユーザーがすぐに離脱しちゃうようなサイトっていうものを
Googleがですね、容易表示にさせたいとは思わないというのも簡単に想像できると思います。 なのでSEO的にも良くないです。
むしろ遅くていいことなんて何一つないです。 ユーザーは遅くてイライラしますし
見る気が失せてしまうということですね。 そんなページをSEOで評価されるっていうことも
難しいですし。 なので
遅くていいことなんて何一つないです。 それくらい重要なことですね。
今回はこの画像ファイルの種類とか役割を覚えた上で圧縮する方法ですね。
ツールを使って画像圧縮する方法、これを解説していきたいとおもいます。 では次の解説を進めていきます。
次は画像ファイルの種類と役割を覚えましょう。 これに関してはちょっとザーク的な内容になってくるんですが
すごく重要なとこなので覚えておきましょう。 種類というのはこの3つですね。
Ping形式、JPEG形式、GIF形式ですね。 GIFに関してはちょっと特殊なものでして音がない動画ですね。
そういうものになります。 結構ウェブ系に偏ってきがちなので
この2つですね、に絞って覚えておいてください。 一応こういうのもありますよ程度のことですね。
Ping形式は この3つの中でも一番ですねファイルサイズが大きいので
原則使用しないようにしてください。 背景を透明化したロゴ画像くらいですね、Pingを使うの。
例えばこういう背景色のサイトがあったとして、そのロゴ画像の背景が白だった場合 違和感がありますね。その周りだけ白っていう四角形、多くの場合四角形なんですけど画像は。
そうなってしまうと違和感があるのでロゴ画像は 背景を透明化しましょう。
それ以外ですね、それ以外の 画像の場合はJPEGに変換するようにしましょう。
画像はもうJPEG一択だとおいておいてください。 仮にですね使用したい画像がPing形式だった場合
このJPEGに変換するようにしましょう。 使用するのはロゴ画像ぐらいですね。
例えばこういう実際に見た方がわかりやすいです。 これがJPEG
こっちがPing ここのファイルサイズを見てほしいんですけど
はい全然違いますね。 105KB
842KB サイズが全く違います。
なので JPEGの方にしましょう。写真ストレージであれば
JPEGですね。 もしPing形式だった場合ですね、使用したいヘッダー画像とかが
そういうものだった場合は JPEGにしましょう。
ページ内でこのPing形式のものが1個ぐらい 1画像ぐらいだったら問題ないとは思うんですけど
ただですね一応影響するものでサイズも結構違がったりするので JPEGの方が望ましいです。
特にブログ記事に配置するようなイメージ画像なんかは特にそうです。 変換する方ですね。PingからJPEGに変換する方法
私のPCはMacなのでこれを実際にお見せしたいと思うんですが プレビューでRubyを使用して変換することが可能です。
どういうことかというと これをプレビューで開きます。
画面から切れてしまっていると思うんですがこのメニューバーからファイルですね 書き出す
ここでフォーマットですね。フォーマットを JPEGにします。
これであれば高品質でも ファイルサイズが全然違うので
ここは違いますね。 いっぱい上げても
全然影響がないです。 このように
JPEGにしていただいた方が無難ですね。
変換がフォーマットで変換できますのでそれを覚えておいてください。
Windowsの場合ですね ペイントソフトっていうものがありますのでそれを使用して変換してください。やり方は
おおよそ同じですね。 とても簡単な操作で
Windowsの方でもできます。標準で入っているソフトになります。
この2つでできることなんですけど 一応ですねブラウザの
アプリですね。ブラウザで使用できるものもあるのでそれを使用して変換することもできます。
それがこれですね。 ping JPEG変換。これで検索をしていただけると
いくつか アプリが使用できます。
これ無料でしかもブラウザで使えるっていうものになります。 やり方はとても簡単です。
このアップロードっていうところもしくは
ドラッグ&ドロップでこのpingのものを移動させます。
するとこのように変換中と出てきますので、変換が終わったらダウンロードクリックですね。
はいこれだけで簡単に変換ができます。 実際に見てみると
変換されているのがわかりますね。 こっちが元の画像、こっちが
変換したものですね。 ファイルサイズも当たり前ですが下がっています。
こういうツールもあるので覚えておきましょう。 手段が分かれば簡単にできることですね。
これをざっくりでいいのでご説明できるようになっておくといいですね。
なんでJPEGなのか、pingはどういう時に使うのかって言いますね。
例えば知り合いでwebに詳しくない人に説明できるくらいになっておくといいですね。
この知識はずっとwebをやっていく上で使うものなので覚えておきましょう。
では次の解説を進めていきます。 次はツールを使って画像を圧縮する方法を解説していきます。
画像を圧縮するとファイルのサイズを小さくすることが可能です。
前提としてJPEGを使っていただくというのがあるんですけど、その上でさらにサイズを小さくすることができます。
見た目もですねそんなに荒くなったりとかせずに品質はダンプされて小さくすることができる。
というのがこの圧縮になります。 するとですね
ページ速度の影響も限りなく少なくすることができます。
ウェブページに画像配置する場合は必ず実践するようにしておきましょう。
まずちょっと手間かもしれませんが プラグインとかアプリを使えばとても簡単にできます。
まずプラグインから解説を進めていきます。 いろいろあるんですけど有名どころはこちらですね。
EWW Image Optimizerですね。
あとはコンパスJPEG&PING Images。
これ調べたら読み方わからなかったんですけど、 Imagifyっていうものですね。
おそらく有名どころも定番としてはEWW Optimizerですね。
これはなくなるっていうことはおそらくないと思うんで、迷ったらこれで ok ですね。
このEWW Image Optimizerが使えなくなった時のためにですね。
念のために覚えておくぐらいで ok です。
こういうの複数あるので そもそも検索すれば間違いないですね。
画像圧縮、ワードプレス、プラグインとか。
そんな手間なことではないので検索するっていうのも覚えておきましょう。
一応流行りしたりとかあるかもしれませんので覚えておきましょう。
今回はこれをメインとしてやっていきたいと思います。
結構歴史も古いので EWW Image Optimizerでやっていきます。
まずは設定方を確認していきます。
例えばこういう検索方法もあるんですが、
一応シンプルにプラグイン名で検索していただければ 情報にたどり着くことができます。
このツールのところから期間指定ですね。1年以内にしていただければ比較的ですね新しい解説記事にたどり着くことができます。
例えばこういうものですね。
この解説記事は結構多数あるので 情報に困らない状態になってきます。
例えばこの記事だったら 設定法はしっかり載っていますね。
こういう記事を参考にするという形になりますね。
一応僕の方でもお伝えします。
僕もその都度、この設定内容を完璧に覚えているわけではないので 設定するときその都度検索しています。
では導入のところからやっていきたいと思うんですが プラグイン新規追加をクリックしてください。
ここでですね検索するわけですね。
EWW Image Optimizerですね。
これだけでも出てきます。
入力するのが手間の場合はこれだけで ok です。
すでに有効化が導入してあるので こうなっているんですが
今すぐインストールをクリックしてください。これからの方は今すぐインストール。
次の画面で有効化というボタンというかリンクが出てきますので ボタンかリンクですね。
それから多分ここですね。ここに表示されますので 有効化というものに切り替わったらそれをクリックしてください。
有効化すると 設定をしてほしいのでこの設定からEWW Image Optimizerですねこれをクリックしてください。
記事を参照しつつ設定をしていきたいとおもいます。
これその都度画面が変わったりとか微妙に項目が変わったりするんですけど
似たような表記になっていると思うのでそちらを確認してください。 これは一緒ですね。ほぼ一緒です。
メタデータを削除。チェックが入っているので ok ですね。
リサイズはですね これは設定しなくてもいいような感じするので飛ばしていきます。
次ですね。こちら。 こちらにチェックを入れるという形になりますね。
あとは 今回なかったんですが
ちょっと違う記事も参照します。 一応ですねこの記事を参照する場合は複数の記事を参照してください。
ざっくりでいいのでこの文字もですね しっかり読んでいただくと
いいかなっていうところでこの変換のところでここですね これですね
チェックが入っている というのを確認してください。
まとめるとメタ情報の削除、あと変換ですね。 この変換リンクを非表示に、ここの文ですね
ここにチェックが入っているのを確認してください。 ここらへんはですねちょっと専門的な内容だったりとかよくわからなかったりするので
記事の通りにやっていただければと思います。 ここを完璧に理解するっていうのはちょっと無理があるので
理解しなくても ok ですね。 正直ここは必要ないですね。多分この記事も
そのように解説していないので、ここはなくて ok です。
変更保存をクリックですね。 基本のメタデータの削除にチェックですね。
あとは変換の変換リンクの非表示、こちらにチェックで保存ですね。 これをやっておいてください。
あとはですね、このメディアですね。メディアの一括最適化ですね。
こちらで最適化されてない画像をスキャンするっていうものがあると思うんですけど、こちらをクリックしてください。
で最適化するための画像がありませんって出てくるんですが、もしですね最適化してないものがある場合はこちらに表示されます。
あとはそれを最適化するっていうボタンに切り替わりますので、それをクリックしてください。
こちらももしかしたら記事になると思います。これですね。 このボタンをクリックすると
最適化できる画像がありましたって出てきますので、これをクリックしてください。 427.の画像を最適化ですね。それで ok ですね。
それをクリックすれば このプラグインの方で圧縮してくれるということになりますので
もしですね、途中から導入した場合はこれ必ずやっておいてください。 はいではせっかくなんで先ほど
ブログ記事上で解説したものを実際にやってみたいと思います。
一旦最適化する画像を見つけたいので 無効化します。この操作は特に覚えなくて ok です。
これは新規の画像を入れます。 この状態で
有効化します。 するとですね、最適化の画像を検出してくると思いますのでそれを確認します。
ここをクリックですね。 ここですね。
最適化できる画像がありますということでこちらをクリックしてください。 これ完了ですね。
画像数によってはもっと時間がかかりますので、いきなり待ってください。 実際にやってみてください。
これからのものについては勝手に自動で最適化してくれます。 というものですね。
使い方はとても簡単です。あと設定法も 簡単なんですが一応念のためですね
調べていただければと思います。 もしかしたら画面が大きく変わるっていうことも今後あり得るので、その際に
こういう調べ方もありますということで
設定2020ですね。 プラグイン名設定2020
最近のブログ記事の傾向としまして、こういうプラグイン系の記事ですね。
2020年版とかっていうふうに記載されていますので 結構変わるからですね。その都度変わるのでこういうふうにタイトルをつけている方が多いです。
それを確認してみてください。 すると同じ画面だったりするので比較的ですね。
そうすると設定しやすいと思います。
ということで このイメージオフティマイザーですね。EWWイメージオフティマイザー
については以上です。他のやつはですね、正直 使えなくなっていた時のためというので補足です。余談です。
簡単なのでぜひやってみてください。次は アプリの方を解説していきます。これはダウンロードするタイプのアプリになります。
私のPCはMacなのでMacから解説を進めていきます。 こういうものがありますね。
jpeg miniですね。ライトいらないですね。 イメージオフティマイザー。PingUですね。
これPing専用なんですが一応ロゴ画像なので使うのでPing画像も全く使わないというわけではないので一応覚えておいてください。
これはですね、jpeg miniで解説を進めていきたいと思います。 この背景に映っているサイトが
そうですね、公式のサイトになります。
これで、このget the trialをクリックしてください。
するとアプリがダウンロードされます。このアプリのインストーラーですね。 インストーラーがダウンロードできましたら
これをクリックしてください。 そうしましたらこれを移動させるという作業をしてください。
僕の場合はもうすでに入っているのでこの作業は割愛します。
あとはそのドラッグ&ドロップですね。先ほどの移動作業が終わったらこのように共有されますので
これがjpeg miniになります。これを起動させてください。
そしたらこちらをクリックですね。 次の画面で名前とアドレスを入力するような画面が出てくるかもしれません。
出てきます。そしたらそれに従ってください。すると この画面が出てきます。この画面が出てきたらもうやり方はとても簡単です。
ここに圧縮したい画像をドラッグ&ドロップするだけですね。 ここに例えば
この画像ですね。今94KB これをドラッグ&ドロップします。
コンティニューをクリック。するとこのようにファイルサイズが下がります。 先ほどのものよりちょっと下がりましたね。
69KB
これで かなり圧縮されますので覚えておいてください。圧縮後は視点ともサイズが下がっていますので
特に再度その圧縮した画像をダウンロードするという作業は発生しません。 なのでとても便利です。やり方簡単なのでぜひ
Mac の方は使ってみてください。 例えばこの画像もですね。
移動させるだけで、このようにかなり下がりましたね。 こういうツールを使ってですね
やってみてください。圧縮したら 圧縮後にですねワールドプレスのメディアの方にアップするっていう形になります。
一応念のため、メディアのアップロード作業はこちらからできます。 新規追加ですね。これもですねファイルをドロップしてアップすることができます。
選択していただいても ok ですね。 で、ガイドのページで配置する。
そういう使い方になります。 というのがこのアプリの使い方ですね。他のものもとても簡単に利用できると思いますので
そのようにやってみてください。使い方もほぼ同じだと思います。 Windows の方はこういうアプリが
ありますので、名前だけでも置いておいてください。 Windows の方は、もしくは
アプリ以外でも、ダウンロード型のアプリ以外でもブラウザのアプリがあります。 これもすごく簡単にできますので
一応これもご紹介します。 これでもいいぐらいですね。
アプリがいろいろ圧迫してしまうので、多少なりともこちらの方が良かったりもします。
こちらなんですが、 jpeg 圧縮ですね。ここにこれも同じです。
ドラッグ&ドロップで移動させるだけですね。 するとまた変換してくれますので、変換したらダウンロードをクリックですね。
このようにやってください。これもやり方はとても簡単です。 他のツールも同じように使えます。例えばこれですね。
I love image なんですが、これも画像の圧縮ができます。 その他のサイズ変更とかリサイズとかそういうのもできます。
あとこれですね。これも同じような感じです。 といった感じで
似たようなツールがありますので、これも検索すれば出てきます。 その都度ですね、これも無料で使えるものでずっと
永遠に使えるとは限りません。 なのでその都度今回ご紹介したもの以外にもありますし、
同じようなツールが出てくるかもしれませんので、その都度検索をかけてください。 一応そういうものがあるっていう存在だけでも知っておくと検索ができると思います。
Windows の方はこのブラウザーアプリでもいいですね。 あんまり個人情報的なものをワードプレイスのサイトに
アップロードするっていうことは考えられにくいので、 なのでこちらでも大丈夫です。
その他画像を圧縮で検索すれば類似するアプリというのが多数あります。 全然今回ご紹介したものは検索すればたどり着けるような情報ばかりですので、
そんなにですね高度なものではないです。 といった感じで
こういうツールを使ってですね画像を圧縮してからワードプレイスの方にアップロードしましょう という話になります。
するとですね ページ速度の影響を限りなくですけど少なくすることができます。
簡単ですので手間ですが実践してみてください。 では最後にですねページ速度の速度を計測するときの注意点
と仕方を解説します。仕方はシンプルにその該当のページにアクセスしていただいて 自分で数えていただくっていうものがあります。
その際に注意点としまして クリアキャッシュを使ってから測定するようにしてください。
これはブラウザの方のキャッシュですね。 これをクリア、消去してくれるという拡張機能になります。
使い方はとても簡単で 導入したらですね
こういうマークが出てきますのでアイコンが出てきますのでそちらをクリックする。 クリックしたら
ちょっと光ります。 その状態で画面を更新してくださいという
簡単な使い方になります。 このクリア、キャッシュをクリアにしていただいた後に測定するようにしてください。
キャッシュっていうのはその 一時的にですけど
ページの画面を保存してくれるような機能です。 それをやると多少ですけどページ速度が上がります。
なので1回アクセスするとその2回目以降はちょっと早くなるっていう そういう機能なんですけど
ほとんどの方が初めてそのページにアクセスしてくるっていうことを想定されるので 正確なものをこれを使って測ってください。
他にもですねこういうGoogleの サービスでページスピード
インサイトっていうものがあります。 これはGoogleページスピードで検索していただければ出てきます。
使い方は簡単で該当のウェブページのURLをこちらに貼り付けて分析をクリックするだけです。
するとこのように出てきます。 数字が出てきて点数みたいなものですね。
この点数は こういう
LINEにいますよっていうものですね。 色で簡単に分かると思うんですけど
このぐらいだったらちょっといいですねって感じで このぐらいだったらまあまあですね。
このぐらいはちょっと危険ですねっていう形になりますね。 これデモサイトでやったんですが
やっぱりプラグインがどうしても入れすぎているので 解説の関係なんですけど
こういう数字になっています。 これも余談なんですけどもし仮にですね
仮にこれをやっとけばほぼほぼ極端に遅いっていうことはないと思うんですが
こういう対策をやっているのにも関わらず ちょっと遅いなっていう場合はですね
それはちょっと素人がどうにかできる領域ではないので 誰かにお願いするとかになってきます。
コードとかそのデータベースって言われるものとかそういう話になってくるので
これ以上はですねちょっと導入もできないので これ最低限のものだと思っていてください。
極端に遅くなければいいので
そのようにこれも参考だと思ってやってみてください。
ただですねこれをやっとけばそんな極端に遅くなるということは ほぼないという形になりますね。
最後にまとめですね。
このページ速度を改善する方法
要因とデメリットとしましてはこういうものがありましたね。
プラグイン入れすぎ、テーマを使っていないのも関わらず入れている場合は削除。
過去に使ったものはもちろん削除。
サーバー会社、これ x サーバーにしてください。
もし仮に今現在違うサーバーを利用している場合はですね
引っ越しするっていうのも一つの手なんですけど、難しい場合は
現在のサーバーでこういう他の工夫を行ってください。
もしどうしてもしたいという場合はですね、部分的にここならとかで
外注するという形になりますね。
あとキャッシュが影響ですね。これはサイト側のものですね。
ワードプレス側のシステム側のキャッシュ。
こういうプラグインで処理できます。
今回メインとして開設した画像の圧縮ですね。
あとファイルサイズに気をつけていただくっていうものですね。
デメリットとしては
サイトからの離脱が上がってしまう。SEO的に良くない。
というものですね。
ファイルの種類は
この3つになります。主にこの2つだけでも
気をつけていただければいいっていうものでPingとJPEGですね。
Pingは主に背景を透明化したようなロゴ。
JPEGが画像素材ということになります。
もし使用したい場合、画像がPingになった場合は変換してください。
あとはツールを使って画像を圧縮してからワードプレスにアップしてください。
プラグインとアプリがありましたねということですね。
ということで今回のこの内容ですね。
に関しては以上になります。