コクーン でページスピードを上げるキーリクエストのプリロードなど | Tac LIFE academy

コクーン でページスピードを上げるキーリクエストのプリロードなど

ブログ
スポンサーリンク

キーリクエストのプリロード

PageSpeed Insightsへ戻り、問題のあるURLを右クリック➡リンクのアドレスをコピー

キー リクエストのプリロードの改善設定

header.phpに追記

 

どこに追記していいかよくわかりませんでしたが、真ん中あたりに追記。

⑤header.phpに追記

 

ソースコードはこんな感じ。私はwebフォントの設定なのでこんな感じですが、人によってここは違うかも。

<!-- 編集部分 -->
<link rel="preload" as="font" type="font/woff" href="(問題のあったURLを貼り付けます。 https://syopur・・・)" crossorigin>

 

以上で設定は完了です。

a3 Lazy Loadとは?

WordPress記事の画像を遅延で表示させると記事全体の表示スピードが改善されるということを聞いて、a3 Lazy Loadプラグインのインストールを検討していると思います。この記事では、そんなa3 Lazy Loadの設定の仕方をご紹介していきます。

a3 Lazy Loadというプラグインは、画像の表示を遅らせるプラグインになります。通常は、読者がページにランディングしたら、その瞬間にテキストや画像などを同時に表示しようとします。でも、a3 Lazy Loadは読者が画像のある手前に来た瞬間に読み込みを開始して、表示してくれるので最初にランディングした際はテキストだけを表示すればよくなるわけですね。だから、表示スピードがアップします。

画像を遅延読み込みできるa3 Lazy Loadの設定と使い方
WordPress記事の画像を遅延で表示させると記事全体の表示スピードが改善されるということを聞いて、a3 Lazy Loadプラグインのインストールを検討していると思います。この記事では、そんなa3 Lazy Loadの設定の仕方をご紹介していきます。

サムネイルの再生成

Cocoonを利用する際に是非行って欲しい画像設定5つ
Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。

Regenerate Thumbnailsプラグインを用いたサムネイルの再生成方法の説明です。

プラグインのインストール

サムネイルの再生成を行うには、Regenerate Thumbnailsプラグインが必要になります。

WordPress管理画面から「プラグインを追加」画面を開いて「Regenerate Thumbnails」で検索し、出来たプラグインをインストールし有効化してください。

「Cocoonを利用する上で細かな画像設定を最適化する方法」を紹介したいと思います。

テーマが利用しているサムネイルを再生成して最適化する方法(画像の大きさを揃える)
Force Regenerate Thumbnailsプラグインを用いて、テーマ上のサムネイルを再生成し、画像できるだけ綺麗に表示する方法の紹介です。

過去の流れ

 

Cocoonサイト高速化のための基本設定
こんにちはTac^^です。 無料で使える超ハイクオリティーのワードプレスのテーマ、Cocoon。 余分な要素を取り除き、高速表示を実現した同テーマですが、環境によっては遅くなることがあります。 そこで表示速度を上げるために...

 

EWWW Image OptimizerでWebP変換次世代フォーマットで高速化
こんにちはTac^^です。 前回 で紹介しましたがモバイルの表示が極端に遅く改善をしようとしました。 色々調べてみると画像の最適化が不足していたことと細かいことで多少ですが改善したので報告します。

 

モバイル表示速度遅い改善方法サイト高速化設定Cocoon
こんにちはTac^^です。 PageSpeed Insightsが新しくなってモバイルの評価が著しく低下 30代までになりました。 といことで改善策をまとめました。 ちなみに無料最強と言われているCocoonを著者は...

関連コンテンツ
Tacをフォローする
ブログ
スポンサーリンク
シェアする
Tac LIFE academy

コメント