Upgrade to Pro — share decks privately, control downloads, hide ads and more …

imgix導入で画像最適化とサイトスピード改善/imageoptimize_sitespeed...

shota akasaka
December 12, 2018

 imgix導入で画像最適化とサイトスピード改善/imageoptimize_sitespeed_up_ikyu_with_imgix

2018/12/12 Ikyu Frontend Meetup 発表資料
imgix導入で画像最適化とサイトスピード改善した話です
https://ikyu.connpass.com/event/110577/

shota akasaka

December 12, 2018
Tweet

More Decks by shota akasaka

Other Decks in Technology

Transcript

  1. "HFOEB w ҰٳͰͷը૾ͷ໾ׂ w ը૾࠷దԽϓϩδΣΫτͷ͸͡·Γ w ٕज़બఆ w JNHJY w

    JNHJYͱ͸ w ಛ௃ͱ͋Γ͕͍ͨػೳ w Ͱ͖ͳ͍͜ͱɾͪΐͬͱෆศʹࢥͬͨ͜ͱ w ಋೖͷޮՌ w ಋೖ·Ͱʹۤ࿑ͨ͠఺ w ·ͱΊ
  2. ը૾ʹؔ͢Δ՝୊ʢͦͷଞɺࡉ͔͍࿩ʣ w 4BBT΁ͷҠߦ w શࣾతʹΫϥ΢υԽ΁଩Λ੾͍ͬͯͨ w ΦϯϓϨ͔Β"84΁ͷશ໘Ҡߦ w ϦόʔεϓϩΩγ͸'BTUMZ΁ w

    ը૾࠷దॲཧࣗମ΋ࣗࣾπʔϧΑΓɺ4BBT΁Ҡߦͯ͠೚ͤͨํ͕ϝϯςφϯείετ͕͔ ͔ΒͣʹࡁΉ͠ɺे෼ͳޮՌ͕ಘΒΕΔ w ίετ໘ w ౰࣌ɺҰٳ͸ͱ͋Δ$%/αʔϏεΛ࢖͍ͬͯͨ w ͦͷ$%/αʔϏεʹίετ͕͔͔͍ͬͯͨ w ίετҎ্ͷϝϦοτΛڗडͰ͖͍ͯͳ͔ͬͨ
  3. ֤αʔϏεൺֱʢิ଍ʣ w ߴը࣭อ࣋αΠζɾసૹྔ࡟ݮ w JNHJYɾ$MPVEJOBSZ͕ྑͦ͞͏ w ಋೖ೉౓ w JNHJY͸ετϨʔδαʔϏε࿈ܞ͕͋ΔͷͰɺҠߦ͠қ͍ w

    ετϨʔδαʔϏε࿈ܞ͸$MPVEJOBSZʹ΋͋ΔΒ͍͕͠ɺগ͠໘౗ʹݟ͑ͨ ͋·Γৄ͘͠ௐ΂͖Εͯ·ͤΜɺɺɺ JNHJYʹܾఆ
  4. ͦΜͳʹͳ͔ͬͨ w ٕज़໘ w ͦΜͳʹͳ͔ͬͨ w ετϨʔδαʔϏε࿈ܞͷ͓͔͛΋͋Γɺ੾ସ͸༰қ w ٕज़໘Ҏ֎ w

    αϙʔτͱͷӳޠͷ΍ΓͱΓ w αϙʔτखް͍͔Β͋Γ͕͔͕ͨͬͨɺɺɺ w ΍ͨΒͱి࿩ձٞΛ͕ͨ͠Δ w ಋೖඅ༻ݟੵ΋Γ
  5. ·ͱΊ w Ұٳʹͱͬͯը૾͸໋ w ϗςϧɾϨετϥϯ͸ը૾ʹͩ͜ΘΔ w Ϣʔβʹͱͬͯ͸ը૾͕༧໿ͷϙΠϯτͱͳΔ w ҰٳͷαʔϏεͷಛੑΛߟ͑ͨ৔߹ɺߴը࣭ΛอͪͭͭɺసૹྔΛ཈͑Δʹ͸ JNHJY͕ద͍ͯͨ͠ʢଞͷαʔϏε͕ѱ͍ͱ͍͏࿩Ͱ͸ͳ͍ʣ

    w ϞμϯͳΠϯϑϥʹ৐͔ͬΔ͚ͩͰׂͱ؆୯ʹϕετϓϥΫςΟεΛ࣮ફͰ͖Δ w طଘͷ؀ڥͰνϡʔχϯάΛؤுͬͯ௖͍ͨॾࢯʹ͸ײँΛͭͭ͠ɺະདྷͷͨΊ ʹͲΜͲΜ৽γεςϜʹృΓସ͍͖͍͑ͯͨ