ページを選択

ストブロ

Coffee's Blog.

DIVI Builder で PageSpeed Insights を改善する

執筆者 | 2020年04月09日 | さくらのレンタルサーバー, ストブロ

Googleの「PageSpeed Insights」はウェブサイトの表示速度を評価して、改善する為の検査ツールですが、評価内容が多岐にわたり中々スコアが上げられない感じになります。
色々取り組みしているのを備忘録的に。

今回は@font-familyにfont-display:swap;が設定されていない場合に評価が低下する問題をDIVI Builderで対応する場合の「荒技」です(笑)

1.Wordpressのテーマエディター(cssやphpを直接編集出来る禁断の機能)でdivi テーマを表示。
2.style.cssを選択。
3.検索機能で「font-family」を探す。

@font-face{font-family:ETmodules;src:url(core/admin/fonts/modules.eot);src:url(core/admin/fonts/modules.eot?#iefix) format("embedded-opentype"),url(core/admin/fonts/modules.ttf) format("truetype"),url(core/admin/fonts/modules.woff) format("woff"),url(core/admin/fonts/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}

上記の様な記載があるはずです。
このETmodulesが管理画面などで使用される?ものです。それにたった一文追加します。

@font-face{font-family:ETmodules;font-display: swap;src:url(core/admin/fonts/modules.eot);src:url(core/admin/fonts/modules.eot?#iefix) format("embedded-opentype"),url(core/admin/fonts/modules.ttf) format("truetype"),url(core/admin/fonts/modules.woff) format("woff"),url(core/admin/fonts/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}

font-display:swap;を加えるだけです。
加え終わったら保存して下さい。
終了です。※くれぐれも自己責任で行ってください。

アップデートのタイミングでstyle.cssが上書きされたら、上記の対策もむこうになります。

googleフォント(noto sans jp)も、なんか、こう…改善させる。

DIVIビルダーの「統合」タグで「head」に追記する項目があります。
そこに以下の一文を追加。

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

カスタムCSSの記入欄に以下を追加

body,h1,h2,h3,h4,h5,h6,input,textarea,select{
	font-family: 'Noto Sans JP', sans-serif;
}

これでGoogleフォント(今回はnoto sans jp)もswapに対応します。

今週も・・・

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ 先々週から、仕事に追われる生活が続いております。 全く残念なことです。 いや、追われるって言っても、それなりにコントロールできているのですが、...

そろそろ・・・自炊の情報まとめなきゃ!

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ 念のため申し上げておきたいのですが・・・ 桂 コヒ蔵は本名ではありません。 失礼しました(^^ゞ INST-webで「自炊のテクニック」をご紹介しておりますが、 現在アップされてる情報は登録側中心。...

体調管理にご注意を

冷夏と言えば酷暑、 残暑が続くというとこの冷え込み。 お天気って本当にお天気屋ですね(´・ω・`) ご機嫌如何ですか? 桂 コヒ蔵です。 この2~3日、私が住んでいるエリアのは日中こそ残暑を引きずっているものの、 朝晩は大変過ごしやすくなってきました。...

排熱問題

ほど良くFF14を楽しんでおります。 桂・槍術師・コヒ蔵です(^o^)丿~♪ FF14を快適に動かす為にグラフィックボードを購入しましたが、 この熱が凄いことになってます。 負荷無しで60度程度、FF14起動中はあっさり80度を超えます・・・...

しまった!忘れた!

あれ? 今日は何曜日ですか? 火曜日?・・・またぁw ひっかけようとして。 え? ちょっ! 火曜日じゃん!(゚Д゚≡゚д゚) Photo of this week 掛けかえるの忘れたーε=ε=ε=ε=ε=(ノ´・д・)ノ...

そういえば・・・

9月ですよ? ご存知でしたか? ご機嫌如何ですか、桂・セプテンバー・コヒ蔵です(^o^)丿~♪ 8月末からバタバタバタバタしていたため、 「9月かぁ~」という感慨に耽る間もなく9月に入っております。...

スーパータイジブラザーズ

ててんてん、ててんてっ♪ てっ♪ ・・・ ててんて、ててんて、てん♪ 最初のクリボーに突っ込んじゃった(´・ω・`) ご機嫌いかがですか?桂・1UP・コヒ蔵です(^o^)丿~♪ 無限UPとか発見した人天才。...

地獄まで1.5マイル

9月1日にスタート予定だったFF14のオープンベータ 9月2日にずれ込んでの開始となるようです。 本日11時から・・・ いいなぁ(「・ω・)「 ご機嫌如何ですか?桂・タマネギ戦士・コヒ蔵です(^o^)丿~♪...

地獄まで3マイル

INST-webには既に3つのブログが存在しています。 電器屋Walker INST教官Radio ストブロ これらは同一のデータベース上で管理されているブログです。 ご機嫌如何ですか、桂 コヒ蔵です(^o^)丿~♪...

a day of yasai.

8月31日は、8月最後の日。 最後の日、なんてちょっと寂しい言い方? 9月が始まるイブ。 そんな8月31日は、実は「野菜の日」 8=や、3=さ、1=い。 ねw 昨日は野菜たっぷりのポトフを作りましたが・・・...

おかげさまです。

データのバックアップを! と、思い2TBの外付けHDDを購入してバックアップを行いました。 Win7標準のバックアップ⇒24時間で40%を超えた程度。 絶望してやめる。...

続・WordPressが斬る

大岡越前のオープニング(エンディング?)って渋すぎます。 ハミングだけで、あの壮大な世界観を(`・ω・´) ここで是非提案したい! 来年の高校生たちの合唱の課題曲!大岡越前でどうですか!?クワッ なんだったら、自由曲でもいい!(>_<)...

0コメント


電器屋Walkerの過去配信のBGMで利用させて頂いております。

ポッドキャスト品質向上、整音テクニック 解説Live

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

ツキイチ - 隣のポッドキャスト

まとめファンサイト