Webサイトパフォーマンス最適化の話 SpiceTech #1

SpiceTechとは？

スパイスファクトリー株式会社が運営する勉強会+懇親会です。 日頃の業務で得た技術やノウハウなどをお話させていただきます。

懇親会ではちょっとした料理+クラフトビールをご用意させていただきます。 勉強会の後は時間的にもお腹が空くかと思いますので、 是非料理も楽しんで頂けたら幸いです！ (懇親会に参加される方はお料理代として500円頂いております。)

勉強会概要

Webサイトの高速化はUXに関わるポイントとして非常に重要です。 また、Googleがコンテンツ評価のシグナルの1つとして表示速度も考慮しているとのことで、SEOの観点でも重要度は高くなっています。 それではどのようにWebを高速化していくか？ということで悩んでいる方もいるのではないかと考えています。 サーバのスペックを上げる、キャッシュを利用するなど色々なアプローチがありますが、 Webエンジニアとして日頃から取り組むことができるのはフロントエンドの最適化です。 普段からちょっとだけ意識したコーディングを行うだけで、サーバやネットワークの負荷を少しずつ低減させることができます。

今回はフロントエンドを中心としたWebサイトの高速化手法の基礎についてご紹介していきます。 サイト表示速度の調査・検証方法から、ページサイズやリクエストを最適化する手法、レンダリングブロックの改善方法、ResourceHintsの利用など。

対象レベル

Webサイト高速化の基礎的な部分についてお話させていただきます。

• 表示速度を意識したフロントエンドの実装テクニックを知りたい方
• Webサイトの高速化と聞いて何から手を付けたらいいか分からない方
• GTmetrixやPageSpeedInsightsでスコアを上げる具体的な方法が分からない方
• Webサイト表示速度の計測方法や画面側から改善点を発見する方法が分からない方

タイムスケジュール

会場について

社員食堂Labのスペースをお借りしております。

http://shineshokudo.com/

WiFiのご用意があります。 電源については限りがありますので、譲り合ってご利用ください。

留意事項

• イベントのタイムスケジュールは事前に変更させていただく場合がございます。また、当日の状況により時間が多少前後する場合がございます。
• イベントはやむを得ず中止とさせて頂く場合がございます。中止の際はconnpassのメッセージにてご連絡させていただきます。
• 勧誘、過度な営業などはお断りさせて頂きます。
• 主催者が不適切な行為と判断させていただいた場合は、イベントの途中でも参加をお断りさせて頂く場合がございます。
• イベント中、会場内の写真を撮影させて頂く場合がございます。写真NGな方はスタッフまでお声がけください。