No.116

【サイト更新】本日の更新

本日のテーマ:
Lighthouseに注意されたところを出来る限り改善

・全体
Webフォント、アイコンのセルフホスティング中止
<head>内のjavascriptにdefer追加

・トップ
トップ画像のloading=lazy削除
ページ下部バナーにloading=lazy追加
iframeにtitle追加

・てがろぐ
上部メニュー整理
HOME ボタンを追加

セルフホスティング、Lighthouseでチェックしてみたところ転送容量が明らかにデカくて遅かったので中止

本日時点でのローカル上の総容量19MB👍️
普通にサービスを利用した方が早いしデータ量も少なくすむ

javascriptはasyncがベターだと思ってたんですが、サイトの構成に大きく関わってないのでdeferの方が早くページ表示されるかなと思って変更してみました

これ以上容量がんばるとなると……
html/cssのminify(圧縮・軽量化)
雑に圧縮したjpgファイルをwebpに(元ファイルを探してきて、キレイなpng画像→webp圧縮)

いま思ったのだけど、jpg/pngよりwebpの方が無断転載対策になりそう
webpはまだ対応してないサービスとかブログとかソフトもある
ひと手間かけさせるのってアリかも

#個人サイト #てがろぐ #更新履歴