WordPress Jetpack 余計なCSSやJSの読み込みを 削除して表示速度を早くする方法
WordPressプラグインでサイトの表示速度を遅くすると有名なJetpackプラグイン。
Jetpack用のCSSやJSが自動でソースの中に挿入されてしまって、管理画面もサイトも表示速度がかなり遅くなってしまう。。
そこで何が遅くしているのか「P3 (Plugin Performance Profiler)」プラグインを使用して調べてみると、実は一番遅くしているのが「Jetpack」が原因だったりするんですよね。
ただし、SNSに投稿したり、他にも便利な機能は備えているのに不必要なところで、しかも表示速度を遅くしているとなると削除対象になる可能性が多いにあります。
このまま削除してしまうのはもったいないから、表示速度を遅くしている原因の一つの自動挿入されるCSSとJSを読み込ませない設定を行います。
読み込ませない設定方法は簡単で、以下のコードをfunctions.phpに追加してアップするだけ!
デフォルトで読み込まれるCSSを無効化
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
デフォルトで読み込まれるJavaScriptを無効化
add_action( 'wp_enqueue_scripts', 'dequeue_devicepx', 20 ); function dequeue_devicepx() { wp_dequeue_script( 'devicepx' ); }
まとめ
今までどうしてもJetpackプラグインはどうしても消したくなかったから残していたけど、この設定をすれば表示速度を遅くしていた原因を少しでも解消ができると思うのでおすすめします。
あとは、不要と思うJetpackの設定を外していけばもっと早くなると思います。
どうぞお試しください。
関連記事
-
-
Youtube の 埋め込み動画 がプルダウンなどの上に表示されてしまう方法
ボディ内でYoutubeの埋め込み動画(iframe)を使用するときの対策です。
-
-
Wordpres TinyMCE TemplatesプラグインのHTML自動整形を停止する方法
Wordpresテンプレートの TinyMCE Templates プラグインをそのままテン
-
-
マッチングリスク意識 | Web Marketing用語
商品やサービスを購入する前、ユーザーは「効果が出なかったら…」と不安を持ちます。これを「マッ
-
-
社会的証明の原理 | Web Marketing用語
他人の行動に自身の行動もつられてしまう性質を「社会的証明の原理」といいます。 Facebo
-
-
「Google Search Console」ウェブマスター ツールがサービスを一新!
参照"Google Search Console" - ウェブマスター ツールが新しくなりました
-
-
CSS3でマウスオーバーで押した風なボタンを作る方法
少しでも表示速度を速くすることを念頭においていることで、ほとんど?のボタンなどのパーツはでき
-
-
保有効果 | Web Marketing用語
人は手に入れたモノに対し、入手する前よりも価値を感じる傾向にあります。これを「保有効果」とい
-
-
【ちょこっと豆知識】ブラウザショートカット編
対象のブラウザ IE9、Chrome、Firefox ※全てのブラウザで確認していないから対応して
-
-
覚えたらブラウジングが別格に早くなるChromeブラウザのショートカットのまとめ
以前にもChromeのショートカットについて記事を更新したけど、今回はもっと多くのショートカットを使
-
-
2015年上半期!話題のアプリ&Webサービスの決定版!入れてる?知っている?まとめ編
気がつけば2015年も7月の後半ですね~ 半年以上が過ぎましたが、今年の上半期で話題となった(現在