paranitips

Never stop learning! がモットーのゆるふわ開発ブログ

サイト改善

CSS削除の前後でレイアウト崩れがないかどうかチェックするスクリプトを書いた

はじめに 「よっしゃあ、サイト高速化するぞ!」 「むむ、CSSサイズが大きいなぁ。軽量化しよう!」 「このCSS使われてないやん、、削除ー!」 ・・・・・ 他のページのレイアウト崩れてるやん CSSの構造が複雑になっていたので、削除の影響範囲わかんない…

Amazon CloudFront & Lambda@Edge でリクエストに応じて自動で画像リサイズする仕組みを試してみた

Webページをすばやく表示するにはページ内画像のlazyloadや圧縮は不可欠。 けど、毎回画像を圧縮するのは手間だし自動化したい。 そして、なんかモダンな方法でやってみたい。 ってことで、調べていたらこの記事を見つけました。 Amazon CloudFront & Lambda…

Resource Hintsの対応をしてWebPageTestの点数を改善した

Photo by rawpixel on Unsplash はじめに いま開発チームでサイト速度改善に取り組んでいて、 その一環でResource Hintsの対応をしたので、調べたこととリリース後の効果をまとめます 調べたこと まずはResource Hintsについて Resource Hints ふむふむ。い…