ページを選択

ストブロ

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に対応します。

レザークラフト Lv1

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ 革細工、レザークラフトって挑戦したことありますか? ハンドメイドで丁寧に仕上げられた革製品はなんとも言えない 深い味わいがありますよね(`・ω・´) これまでバッグを作ってみたりしてきたコヒ蔵ですが、...

オニワソト?

皆さん、ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ おにわーそと(`・ω・´)ノ。・’。・’。・’。・’。 ふくわーうち。・’。・’。・’。・’。\(`・ω・´ ) 節分でしたね(^_-)-☆ みなさん福豆ってお好きですか? 私は大好きなんですw...

恥ずかしながら

帰って参りました!! 桂 コヒ蔵です(^o^)丿~♪ ストブロは別にコヒ蔵のブログという訳ではないのですが、 私以外に更新してくれる人が居ないので(^^ゞ 出張中等は長期で停止状態になってしまいます。 読んでくれてる方は少ないとは思いますけど、...

大移動

各位看众、大家好。 我是INST的咖啡♪( ´▽`) 何せ出張中ですし、全くプライベートな時間も、ブログを書く時間もなかなかとれません(´・ω・`) ネタもないしw 今晩位にはゆっくり時間をとって書ければいいな♪(...

遠い空から

みなさんご機嫌如何ですか? 桂 コヒ蔵です(`・ω・´) 今日は外国からストブロの更新です♪ 昨日から出張に出ているのですが、今日は朝早いためストブロの内容を考える暇がありませんw 途中で何か報告出来るかな… いや、出来ないな(「・ω・)「...

ちょっとオデカケ

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ 本日からちょと長期で出張でございます。 更新できない日も出てこないかも知れません(^^ゞ まぁ、そんなに期待して読んでくれてる人もいらっしゃらないと思いますがw 今日は国内移動です!...

僕とフリース

ご機嫌如何ですか? 桂 冬本番 コヒ蔵です(^o^)丿~♪ 冬本番っていう感じですね、 私が住んでいるエリアでも先週、先々週?位から グッと冷え込みが厳しくなってきました。 おかしいですね、陽は長くなってきているのに、寒さは強まると。...

真っ白

ご機嫌如何ですか? 桂 コヒ蔵です(^o^)丿~♪ 真っ白ですよ、外は。 冬本番ですね。 真っ白ですよ、頭の中は。 アホ本番ですね。 風邪をひいた、 インフルエンザだった 体温計壊してやった など 体調不良のお話を聞きます。 ご自愛下さいね?...

捨てて捨てて捨てまくれ!!

ごきげんいかがですか? カリスマ主婦芸人、桂 コヒ美です(^o^)丿~♪ 突然ですが、うちの母親のお話なんですが・・・ 彼女は何でも捨てます。 えぇ、捨てるんです。 何でも。 掃除が趣味なのですが、ただ拭き掃除掃き掃除という次元ではなく、...

あ、いけない(゚Д゚≡゚д゚)

(しまった!!!) (また、Photo of this weekの写真架け替えるの忘れてる!!) (もう、水曜日じゃん!(゚Д゚≡゚д゚)) ・・・ ・・・ (言わなければ気づかれないかも!) ごきげん如何ですか? 桂 コヒ蔵です(^o^)丿~♪...

げふんげふんっ

YO-! ゴキゲンいかがー?(^o^)丿~♪ 今日もヤッテキタゼDJコヒダゼー! トウッ スリッ♪ YO! ま、ま、ま! またまた♪ ま、ま、ま! またまた♪ またまた、またまた、あ・い・つ・が 帰国だよ!!...

電器屋Walker編集中です。

ご機嫌いかがですか? かつうら コヒ蔵です(^o^)丿~♪ 昨日は日曜日。 週末は土曜日出勤だったので、休みはこの一日だけ・・・ 本当だったらダラダラしたい所ですが、 とてもがんばりました。 10:00 起床 ←既に頑張ってないw...

0コメント


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

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

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

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

まとめファンサイト