ページを選択

ストブロ

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

自粛と他粛と。

おはようございます! みなさんお花見行ってますか? 外食してますか? バンバンしていきましょう!w ネットでもテレビでも「自粛」というキーワードをよく耳にしますが、 ちょっと状況が変わってきていると思いませんか?...

カオボン

facebookですねw しばらくfacebookを使用していて、ツイッターとは違う人脈、違う方針でこれまで運用してきました。 「ニュースフィードが大変なことになるので、アプリは入れない&非表示」とか...

いたずらこそ真剣に。

さてさて、今年もコーヒーのエイプリルフールにお付き合い頂きまして、 どうもありがとうございました(*ノωノ)キャ…(*ノω゚)ノ…(*ノωノ)キャ…(*ノ゚ω゚)ノ…(*ノωノ)キャー!...

今週のゲスト

みなさん、ご機嫌いかがですか? 今回の電気屋Walkerは特別ゲストをお迎えします! なんと、「池上先生」でお馴染みの池上彰さんをお招きして、 いろいろなお話を伺う3時間スペシャル!...

モフ曜日、雨、頭はからっぽ。

今日はモフ曜日。 そういえば、いつもあの公園にいる野良猫達は 雨の日は何をしているんだろうか? どこにいるんだろうか? さみーにゃー、とでも良いながら軒下にでも居るのかな? しょうがないから来てやったよ、みたいな顔で どこかの家に上がり込んでいるのかな?...

ATOKはだれとっく?

この前聞いていたポッドキャストでマイクロソフト大好きな方がATOKの話を。 あれ?MS-IMEとかの話しなくていいのかな?と思いながら聞いていました。 実は、ここ数年は。 もとい、ここ十数年はOS標準のIMEを使用していました。...

四月まであと何マイル?

もう、数日で4月ですよ。 なのに・・・寒い(´・ω・`) 今朝も出勤しただけで、指があまりよく動きません。 手袋してるのに! ガソリンを節約するために震災以来車の暖房をつけていないので、 その分余計に寒いのだと思いますが・・・ 寒いorz...

風力と地熱と私。

はじめに申し上げておきますが、 「原子力反対!!」と叫ぶつもりはないんです。 何事も一つの技術に頼りすぎるのは危険だし、日本は他の資源も豊富にあるらしいので そういった資源との並存、段階的な縮小、設備の更新による安全対策の強化は必要かなと。...

グーグル先生

キーワードさえ打ち込めば何でも教えてくれるグーグル先生。 「タイジ 好きな女性 年上? 年下?」アホな質問にもとにかく答えてくれます。 そんなグーグル先生が今回の太平洋沖地震に関する消息や避難所などの情報を まとめたサイトを作ってくれていますね。...

エヴァ

最近、もう一度だけトライしてみようと思いまして。 エヴァ。 「ニゲチャダメダヨー」ってな感じで勇敢に立ち向かってみようかと。 「僕が愛用しているペンはパイロットです!!」的に父親に反抗してみようかと。 「名刺データをエバーノートで管理する」...

ヨーロッパからの声

昨日は欧州の友達からスカイプで話しかけられました。 スカイプのテキストチャットでしばしお話。 「大丈夫か?大丈夫か?」と心配されまくり(^^ゞ 私は生きているから大丈夫だと言っているんだけど、とてもありがたい事ですね。...

0コメント


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

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

開催のお知らせ

詳細はこちら

国際ポッドキャストの日

International Podcast Day Event

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

まとめファンサイト