ページを選択

ストブロ

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

キーボードのレイアウト?

自宅のWin7はマイクロソフトのワイヤレスキーボードを使っていまして、 先日ATOKを導入しました。 ・・・その頃から、「@」が打てなくなったり、日本語変換を制御する「半角/全角」が機能しなくなったり。...

デスク周りを刷新!

パソコン用にデスクを新調して以来、奥行き不足に頭を悩ませておりましたが、 昨日とうとう奥行きを増加させる処置をとりました(`・ω・´) 私はモニターアームを使用して2台の液晶モニターを使用していますが、...

でんでん電器屋ウォーカー

あれから3年・・・・ ばばーん ふたたび、あの男が帰ってきた! どどーん 地球の未来は・・・  ずずーん 一人の人間に託された! ががーん 主演:コヒ蔵 しゅぱーん れいん  しゅぱーん あともう一人くらい しゅぱーん 全米が震撼した話題作 ・・・...

おはようございますの!

お久しぶりです! みなさん、ご機嫌いかがですか? 過ぎてしまえば何もかもただ儚い夢のようでして・・・ そう、ゴールデンウィークが終わってしまいました。 今年のGWはどんなふうでしたか? 私はと言えば出発前に深夜バスの話をしていましたが、...

どきがむねむね

・・・ いよいよ、ゴールデンウゥィークですよ? 今夜、久しぶりに夜行バスにのります! じゃじゃじゃじゃじゃじゃじゃっ! っていう感じですw おい、藤村君! って言いたくなる感じですww...

GWが!

GWと言えば・・・  ゴールキー・・・じゃなくて ゲートウェー・・・いや ジョージ&ワトソ・・・誰だよ グッジョ・・・それはJK、いやGJ ジャイアントワンダ・・・むしろ小さいし そうですね、ゴールデンウィークですねヽ(`Д´)ノ...

ATOK買っちゃった。

おはようございます。 桂 コヒ蔵です( ^o^)ノ たまたま目に入ったのでAtokの話を。 みなさん、Atokってご存じですか? ワープロソフトの一太郎 表計算ソフトの花子 など 日本語入力システムを草分け。まさに日本語入力を作ったと言っても過言ではない、...

通常営業に戻りました。

こんにちは伊武雅刀です。 うそです。 コヒ蔵です。 地震発生以降INST-WEB上で呼びかけを続けておりました「ヤシマ作戦(節電協力・ピークシフト)」についてですが、...

捜し物はなんですか?

実は前使っていたパスポートを探していました。 5年、10年、10年と3冊のパスポートを所有していますが、 一番最初の5年パスポートと、現在使っている10年パスポートは すぐに見つけた(というか保管してあった)ので良かったのですが・・・...

春遅し。

寒い!(´・ω・`) なんで、こんなに寒いの? 例年こんな感じだったかな・・・ もう、四月も後半戦だというのに、こちらはようやくサクラが咲き始めたという話です。 サクラはどうでも良いのですが、例年の日中ならもう少し暖かかったと思うのですが、...

ごぶさたです( ^o^)ノ

出張など日常とは違うシフトになると居なくなるコヒ蔵です(^^ゞ どうもスミマセン。 本日からはまたストブロ再開です。 まぁ、最近は面白いことのひとつも書けないので 読者はギュンギュン減っていると思いますがw...

カフンでアフン。

桜前線よりも前に、花粉前線にもみくちゃにされそうですが、 みなさん今年の花粉症具合はいかがですか? 私はちょっとやり過ごしてきたのですが、今日はキテますw 鼻と目の端っこが痒い。 ぐずぐず 去年の今頃は何を考えていたかな?と振り返ると...

0コメント


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

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

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

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

まとめファンサイト