本番のサイトを眺めていて、「あーここのHTMLこうしたら、もっと速くなるのになー」って思う時ありますよね。 僕はあります。でも、検証するだけのために、プロダクトのコードを直接いじるのは大げさ。 そんな時に、wgetとmirrorというコマンドを使ってページをダウンロードして「ほんの少し」HTMLを変更しています。 紹介します(追記にLocal Overridesという「そのものズバリな」Chromeの機能も紹介してます)。 最近あった話です。特にCore Web Vitalsとか速度改善について。 トラベルブックのとあるページのスコアが落ちていて、Chrome DevToolsで観察してみると、どうもYouTubeの埋め込が足を引っ張っている。 表示領域外にも関わらずiframeの中身がロードされています。 これは直したい(本来なら本番へ上げる前に気づく仕組みを作りたいのですが、一旦置いて
![ほんの少しHTMLを変更して検証したい時 – TravelBook Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/a076ffa1a565f91ece71e426f0731031f0a080a2/height=288;version=1;width=512/https%3A%2F%2Ftech.travelbook.co.jp%2Fposts%2Fmirror-html%2Fcover.png)