ページを選択

ストブロ

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^)丿~♪ あ、私は殴られたり前歯折れたりしていませんのでご安心をw なにやら大変ですね、あちらの蔵さんは。 さて、本日はちょっと私事をお伝えさせて頂きます(^^ゞ...

宝くじ。

ご機嫌如何ですか? お財布加減如何ですか? ・・・ 桂 コヒ蔵です(^o^)丿~♪ さ、 年末ジャンボ宝くじですよ、みなさん♪ 事業仕分け等で槍玉にあがると「じゃ、売らないもーん」と頓珍漢な対応で 脅しをかけようとする宝くじ、その一番が来ました!...

道具ですから?

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ 社外のお客様や取引先と打ち合わせをしている時に 私のiPhoneをみてた方が「あ、それ。iPhoneですね。最新版ですね~」と 話の種にするときがあります。...

ときとば。

そろそろトシクレ。 (年の暮れを感じさせる時期になってきました。) みなさん、ゴキイカ? 桂コヒです(^o^)丿~♪ (ごきげんいかがですか?)(桂 コヒ蔵) みなさんもナニイソ? (何かと忙しい日々を送っていらっしゃるのではないですか?)...

Call of … ?

≪ザザッ≫ ≪レンジャー、応答しろ。≫ ≪ご機嫌如何か?≫ ≪桂 レンジャー コヒ蔵だ(。-`ω´-)キリッ≫ なんとなくテイストが前作Call of Duty Modern Warfare 2ですがww 昨日いよいよCall of Duty Black...

ここだけの話なんだけどさぁ。

ここだけの話なんだけどさぁ・・・ ご機嫌、いかがですか? ちょっと人には言えないんだけど・・・ 桂 コヒ蔵です(^o^)丿~♪ 「公然の秘密」と言ったりもしますが、噂話というか、秘密の話というか。...

落ち着かない(^^ゞ

ご機嫌如何ですか? 昨日、社用車をタイヤ交換した、桂 コヒ蔵です(^o^)丿~♪ ストブロの中でも何度か話題にしたかも知れませんが、 いま、とある知り合いのウェブサイトを作っています。 ここ半年以上掛かっているでしょうか・・・...

ルールとは破られるものか。

ご機嫌如何ですか? 桂 コヒ蔵です。 ・・・昨日の夜。 また、ポチッてしまいました(-"-) ええ?ええ。 これで我が家もマルチモニター生活ですよ。 LGのディスプレイ。21インチで12,000円だったもんでつい。...

どう?メダル。

ご機嫌如何ですか? コートレポートの大林 コヒ子です。 昨日のバレーボール、ご覧になりましたか? 土曜日は金・銀メダルを掛けて世界ランク1位のブラジルと対戦した日本。 1セット、2セットと流れを掴んでいたかの様に見えましたが・・・...

忘れた(^^ゞ

昨日、ストブロに書きたいなぁと思いながら出社するも、 自分のコメントがスパムとしてブロックされている事に気がつき、 ついその事を記事に。 一晩たって、全く思い出せません(´・ω・`) なんだっけ? ご機嫌如何ですか? 桂木 コヒ一郎です(^o^)丿~♪...

私を拒絶するというのか!?

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ いま、何気なくストブロのスパム管理を見ていたら・・・あれ? 私が書いたコメントが・・・スパムとして・・・ブロックされている? 私が書いたコメントが・・・スパムとして・・・ブロックされている。...

過去の記録

ご機嫌如何ですか? 桂・コヒーノックです(^o^)丿~♪ 「こんなブログで大丈夫か?」 11月09日は(い・い・の・く)でイーノックの日だそうです。 まぁ、それは置いておいてww...

0コメント


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

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

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

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

まとめファンサイト