paranitips

Never stop learning! がモットーのゆるふわエンジニアブログ

2018-11-01から1ヶ月間の記事一覧

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

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

アセットの変更がない場合、assets:precompileをスキップすることでCIの速度を改善した

assets:precompileに毎回1分ほどかかっていたので嬉しい速度改善 以下の記事を参考にさせていただきました CircleCI 2.0に移行して新機能を活用したらCIの実行時間が半分になった話 - クラウドワークス エンジニアブログ 仕組みとしては、precompile対象の…

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

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

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

はじめに いま開発チームでサイト速度改善に取り組んでいて、 その一環でResource Hintsの対応をしたので、調べたこととリリース後の効果をまとめます🙌 調べたこと まずはResource Hintsについて ふむふむ。いろんな種類があるなぁ。