UsマイページMyPage/Login買い物カゴCart新着お知らせSTORK19テーマをアップデートしました。オープンケージAutoptimizeプラグインを利用してサイトを高速表示しようツイート1シェアはてブ1LINEPocket12サイトの表示速度改善のひとつの手段として、Autoptimizeというプラグインを利用する方法があります。今回はその導入方法をご紹介します。exclusions【最後に】設定後は必ずチェックをしましょうAutoptimizeのインストールまずはAutoptimizeをインストールしましょう。新規追加】を開き、「Autoptimize」と検索。Autoptimize】を開きます。開く設定画面には、いくつかの設定用のタブが用意されていますが、基本的には設定するのは2つ。HTMLImages上記2つのタブの設定を行ないます。コードの最適化しか表示されていない場合は、画面右上の「高度な設定を非表示」となるようにしてみましょう名前のとおり、1はJavaScript、CSS、HTMLの圧縮設定。2は画像の読み込みに関する設定となります。HTML」タブの設定から行っていきましょう。JS-files?」の2つにチェックをいれます。コードの最適化」にチェックをいれると、ファイル内の改行などを取り除いてJavaScriptファイルを圧縮してくれます。JS-files?リンクされているJavaScriptファイルをブロッキングしないよう非レンダリングとしてロードするように集約するかどうかの設定となります。※その他の設定は必要に応じて検討してみてください。連結」の3つにチェックをいれます。コードを最適化CSSファイル内のコードを圧縮するかどうかのオプションとなります。通常、圧縮したいのでチェックをいれましょう。CSS-files?リンクされているCSSファイルをひとつに圧縮するかどうかのオプションです。読み込むファイル数を減らすことができるようになるので、ここではチェックをいれます。※その他の設定は必要に応じて検討してみてください。コードを最適化HTMLコードを最適化するかどうかの設定です。HTMLが圧縮されます。表示速度にはそこまで関係ないのと、改行などがなくなることにより一部デザイン崩れの可能性もあるため今回はチェックをいれません。HTMLコメントを残すHTMLのコメントを残すかどうかの設定です。オプションCDNオプションはデフォルトのまま何も変更しません。その他オプション「その他オプション」はデフォルトのまま変更しません。ウェブサーバーが圧縮と有効期限を正しく処理しない場合は、このオプションのチェックを外してください。ありますがチェックをいれたままにします。他に入れているプラグインやサイトの状況によって変わります。チェックをいれて運用してみて何らかの問題が発生した場合はチェックを外してみてください。?ダッシュボードにログインしているユーザー(管理者)も、今回設定したとおりファイル圧縮した状態で表示するかどうかのオプションです。読者と同じ表示環境にしたほうが、表示不具合などを発見しやすいと思いますので、チェックをいれておきます。ログインしている場合は最適化しなくて良いということであればチェックを外してください。画面下の、「変更を保存してキャッシュを削除」を押して今回の設定を保存します。続いてImagesタブの設定を行ないます。ここでは画像の遅延ロードの設定を行ないます。いっても、設定は一箇所にチェックをいれるだけ。exclusionsにチェックをいれます。これにより画面外で、まだ見えていない画像の読み込みを遅らせパフォーマンスを改善する効果があります。遅延ロード系のプラグインを使っている場合は、こちらにはチェックを入れないでください。機能の重複により、逆にパフォーマンスが悪くなる可能性があります。ここまでで大まかな設定は完了です。【最後に】設定後は必ずチェックをしましょう設定後は必ず実際のサイトにてチェックを行ってください。サーバー環境や、利用しているプラグインとの関係により、今回紹介したのと同じ設定だとしても、思わぬ問題が発生する可能性があります。最終確認をしてくださいね。WordPress使い方プラグインこの記事が気に入ったらいいねしよう!最新記事をお届けします。ツイート1シェアはてブ1LINEPocket12feedly21NEWバージョン!究極のモバイルファーストWPテーマ「STORK19」ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。テーマ詳細をみるいさぎよく、シンプル。WPテーマ「スワロー」SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。「必要なものとは何か」を考え尽くして、無駄な機能やデザインを削ぎ落とした洗練されたWordPressテーマです。テーマ詳細をみる【価格据え置き】消費税改定後の商品価格に関するお知らせ2019夏季休業のお知らせRECOMMENDこちらの記事も人気です。SEOプラグインの基本設定の方法WordPress使い方2016.1.14サイトアイコン(favicon)を設定しようWordPress使い方2020.2.10WordPressでブログを始めるために「ドメイン取得」をする方法WordPress使い方2015.12.14WordPress4.4以降でスマホで見た時に画像が荒くなるのを修正する方法ABOUTこの記事をかいた人オープンケージブロガー・アフィリエイター向けのWordPressテーマを制作しています。POSTこのライターの最新記事STORK19のお知らせ2020.2.12STORK19テーマをアップデートしました。(Version1.2.0)アルバトロスのお知らせ2020.1.29アルバトロステーマをアップデートしました。(Version1.2.9)ハミングバードのお知らせ2020.1.29ハミングバードテーマをアップデートしました。(Version1.2.11)旧ストークのお知らせ2020.1.28ストークテーマをアップデートしました。最新記事STORK19テーマをアップデートしました。UsマイページMyPage/Login買い物カゴCart最新テーマ「STORK19」NEWバージョン!ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。