SMARTCAMP Engineer Blog

スマートキャンプ株式会社(SMARTCAMP Co., Ltd.)のエンジニアブログです。業務で取り入れた新しい技術や試行錯誤を知見として共有していきます。

パフォーマンス

Chrome DevToolsのAllocation instrumentation timelineでメモリリークを見つける

こんにちは!スマートキャンプでインサイドセールスに特化したSaaSであるBALES CLOUDを開発しているエンジニアの井上です。 皆さんは、開発・調査などでChrome DevToolsはよく使われているかと思います。 私達の開発するプロダクトでメモリリーク問題が起き…

2ヶ月でCore Web Vitals, Lighthouseスコアを大幅改善するために行ったこと

こんにちは!!!スマートキャンプでエンジニアをしている吉永です! 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaS(以下、BOXIL)の開発にフロントエンド、バックエンド問わず携わっています。 恐らく…

Cloudflareの画像最適化料金をWorker KVで97%削減した話

BOXILでエンジニアをやっている永井です。前回は入社エントリを書きましたが今回は技術的な記事を書こうと思います。 今回はCloudflareにおける画像の最適化処理のコストカットをした話をします。ざっくりいうとCloudflare内のKVという機能を使い、最適化を…

SMARTCAMP 社内ISUCON with Datadog #1を開催しました

スマートキャンプ エンジニアの瀧川です。 私は最近社内では開発をほぼせず、もっぱらエンジニア組織の課題に思いを馳せています。 そんな私ですがエンジニアとしての情熱がなくなったわけではありません。 個人でとても関心を持っているのが、みなさんもご…

CloudflareのImage Resizingを使ってサクッと画像最適化をする方法

スマートキャンプ、エンジニアの入山です。 皆さんが運営されているWebサイトには、画像が何枚使われていますか? また、その画像たちは最適化(表示領域に対して画像のサイズや画質が適切に設定)されていますか? Webページの評価基準としてCore Web Vital…

プロダクトのパフォーマンスを改善するためにVue.jsの関数型コンポーネントやpropsに関する施策を行った話

こんにちは!フリーランスエンジニアとしてスマートキャンプに参画している芳岡です。 弊社のプロダクトであるBiscuet(https://biscuet.jp/)の開発に初期から参画していますが、サービスが世の中に展開されていく過程、チームが大きくなっていく過程を間近で…

LighthouseをFirebase Functionsから毎日叩いて本番環境のパフォーマンスを計測してみた

スマートキャンプの笹原です。 みなさんはWebサイトの、特にフロントのパフォーマンス改善を日頃から行っていますか? 常に意識しているという方もいれば、気が向いたときにたまに見てみるなんてこともあるんじゃないかと思います。 今回はそんなパフォーマ…

コミット単位でWebサイトのパフォーマンスを計測出来るLighthouse CIを使ってみた

こんにちは、スマートキャンプのエンジニア中川です。 本記事は「スマートキャンプ Advent Calendar 2019 - Qiita」の2日目の記事になります。 突然ですがみなさん、Webサイトのパフォーマンス計測はお好きですか? 好き嫌いはさておき、私は以下のような課…

LighthouseのPerformance項目で40点上げた方法

スマートキャンプのエンジニア井上です! 多くの開発要望がある中で、エンジニアのみでインパクトのある改善をするときにによくあげられるのがサイトの パフォーマンス改善 かと思います。 今回はサイトのスピート計測ツールである、 Google PageSpeed Insig…