ページを選択

ストブロ

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^)丿~♪...

成人おめでとうございます。

ご機嫌いかがですか? 桂 コヒ蔵です(^o^)丿~♪ 連休等も挟みましたから、 なんだかストブロを書くのも久しぶりな感じです。 この週末は各地で成人式が行われたのではないでしょうか。 新しく成人式を迎えられた皆様、成人おめでとうございます。...

全面滑走可能です。

ご機嫌いかがですか? 桂 コヒ蔵です(^o^)丿~♪ 私が住む町は昨日は一日小雨のぱらつく天気 夜まで路面が濡れてる状態でした。 夜になって急に降り方が強くなり、なんとも冬らしい天気。 朝起きてみると、積雪はそれほどでもありませんでした。 ・・・...

目が覚めなければどうという事はない!

ご機嫌いかがですか? 一人でぶつぶつとフルフロンタル大佐のものまねを練習している 桂 コヒ蔵です(^o^)丿~♪ ものまねっていうか・・・なに?あれw INSTメンバーはえらく迷惑しているようですが(´・ω・`) さて、今朝は危うく遅刻するところでした!...

新年あけましておめでとうございます。

みなさま、新年あけまして おめでとうございます。 2011年をどの様にお迎えになられたでしょうか? 桂 コヒ蔵 こと Coffeeです(^o^)丿~♪ 本日より2011年のINSTも活動開始でございます。...

3 steps to the year 2011

Hi there! this is COHI-ZO KATSULA. How are you doing these days? We only have 3 days left till the year 2011! と、言うことでw...

ちょっと振り返る。

ご機嫌いかがですか? 桂 コヒ蔵です(^o^)丿~♪ 一年も終わるって話でしがし。 ちょっと振り返ってみるでしがし。 今年はストブロの更新に力を入れた一年でしたw 出勤日はほぼ毎日書いたので、今年1年だけでたぶん200件に近いブログを...

“O” misoka

バーン!! 2010年冬・・・・ ズババーン!! 白い悪魔が再び!! ドーーーン!!! 全米を震撼させたあの、12月31日! ザ・ラストデイ・オブ・ザ・イヤー・トゥーサウザンド テン!! オー・ミソカ!!! nenmatsu & nenshi coming...

僕とサンタと幸せと。

「サンタさんは本当にいるの?」と訪ねている子供を見かけた。 そう、今日はクリスマスイヴ。 僕にとって32回目のクリスマスイヴ。 子供の頃の僕はサンタを信じていただろうか? そんな事を考えているうちに、ある年のクリスマスを思い出した・・・...

Giving Christmas.

ご機嫌いかがですか? 桂 コヒ蔵です(^o^)丿~♪ クリスマス・イヴですね。 今日はどんな一日をお過ごしのご予定ですか? 「日本のクリスマスは本当のクリスマスじゃない」という意見に時折触れることがあります。...

当たらなければ、どうということはない!

見せてもらおうか。 新しい一年の性能とやらを!ヽ(`Д´)クワッ ご機嫌いかがですか? コヒ・フロンタル大佐です。 うそです、桂 コヒ蔵です(^o^)丿~♪ 実は最近、気になることがありまして・・・ ・・・みなさんも気になることありませんか?w...

0コメント


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

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

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

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

まとめファンサイト