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

HTTPレイヤーで行うパフォーマンスチューニング (WEBエンジニア勉強会 #05)

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for OSCA OSCA
February 02, 2018
Technology
3.5k
1

HTTPレイヤーで行うパフォーマンスチューニング (WEBエンジニア勉強会 #05)

Avatar for OSCA

OSCA

February 02, 2018

More Decks by OSCA

See All by OSCA
人工肉を食べよう / Let's eat fake meat
Avatar for OSCA oscasierra
4
1.5k
WEBサイトを HTTP/2 に移行した話 / HTTP2
Avatar for OSCA oscasierra
1
2.2k
次世代の認証(WebAuthn/FIDO2)について説明を試みる
Avatar for OSCA oscasierra
2
1.5k
WEBサイトが「できた」と安心する前に最終チェックすること
Avatar for OSCA oscasierra
1
2.1k
Service Worker
Avatar for OSCA oscasierra
1
1.5k
Growth of Podcast
Avatar for OSCA oscasierra
0
1.6k
AIの知識無しでもAIを活用したQ&Aページを作る方法
Avatar for OSCA oscasierra
1
1.2k
はじめてのサーバレス関数 (WEBエンジニア勉強会 #06)
Avatar for OSCA oscasierra
0
1k
みんなテストってどうやってるの？
Avatar for OSCA oscasierra
0
540

Other Decks in Technology

See All in Technology
老害フォレンジッカーはAI羊の夢を見るか？
Avatar for tadmaddad tadmaddad
0
310
その“隠したつもり”が命取り ── 自前と平文をやめて「正解」に委ねる
Avatar for kuroneko kuroneko13
0
100
【CEDEC2026】『ウマ娘 プリティーダービー』 英語版のキャラクターの方言や口調をローカライズするための創造的アプローチ
Avatar for Cygames, Inc. cygames
PRO
1
240
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
2
7.7k
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
Avatar for suguuuuuすぐー sugupoko
0
250
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
Avatar for SMS tech sms_tech
1
180
Forza Horizon 6 のテレメトリ機能で 自動運転に使えそうな学習データを集める話
Avatar for henjin0 henjin0
0
160
Genie Codeハンズオン基礎編
Avatar for Takaaki Yayoi taka_aki
1
100
FORENSIA: ローカルLLMフォレンジックハーネス
Avatar for S.Nakano sumeshi
2
370
【CEDEC2026】グラフィックスエンジニアのためのニューラルシェーディング入門
Avatar for Cygames, Inc. cygames
PRO
0
130
Head First モブプログラミング / Head First Mobprogramming
Avatar for TAKAKING22 takaking22
7
12k
社内の7割が使うデータ基盤を、 データチーム2人で回すためにやったこと
Avatar for KOH koh_yoshi
4
1.3k

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.3M
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
12k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
52k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
1
10k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
9.3k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
470
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k

Transcript

  1. 04$" ᖛ໺ Ұೋࡾ !FOHJOFFS@PTDB )551ϨΠϠʔͰߦ͏ ύϑΥʔϚϯενϡʔχϯά

  2. © OSCA • ๻ࣗ਎͕೥຤ʹɺࣗ෼Ͱ։ൃ͍ͯ͠Δ8&#αʔϏεͷ ύϑΥʔϚϯενϡʔχϯάΛ΍͔ͬͨΒɻ (PPHMF1BHF*OTJHIUT ͷείΞΞοϓ • ͳΜͰ΋ج൫ٕज़Λ஌Δ͜ͱ͕ॏཁͰɺ8&#ͷ౔୆ͱ ͳΔ)551ͷ஌ࣝͷڞ༗Λ͍ͨ͠ɻ

    • લճͷʮ8&#ΤϯδχΞษڧձ ʯͰɺ8PSE1SFTT ͷνϡʔχϯάͷ࿩͕͋ͬͨͷͰɺͦΕͷิ଍ͱͯ͠ɻ ࠓ೔͜ͷςʔϚΛબΜͩཧ༝

  3. ࣗݾ঺հ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ ϓϩδΣΫτϚωʔδϟʔ ໷ܠࣸਅՈ 

    +BWB 1)1ϝΠϯͷ8&#ΤϯδχΞ  ਓ޻஌ೳ "* ؔ࿈΋΍ͬͯΔ  ݸਓͰ΋714आΓͯ8&#αʔϏεΛӡӦத  ເͷࠃ ెาݍ಺ॅΈ  !FOHJOFFS@PTDB !PTDBQIPUP!EJTOFZ@PTDB

  4. © OSCA • ͸͡Ίʹ • ίϯςϯπΛϒϥ΢βΩϟογϡͤ͞Δ ֓ཁ • )551௨৴ѹॖΛ͢Δ ֓ཁ

    • ίϯςϯπΛϒϥ΢βΩϟογϡͤ͞Δ ࣮ԋ • )551௨৴ѹॖΛ͢Δ ࣮ԋ • "QBDIFIUUQE ʹ͓͚Δઃఆ • OHJOY ʹ͓͚Δઃఆ • ϓϩάϥϜ͔Βར༻͢Δ)551ΫϥΠΞϯτʹ͍ͭͯ • ·ͱΊ ໨࣍

  5. © OSCA 8&#αΠτΞΫηεʹɺ)551Λར༻͍ͯ͠Δ͜ͱ͸0,ʁ ॳ৺ऀͷํͷͨΊͷ)551ͷ͓͞Β͍ αʔόʔ ϒϥ΢β ΫϥΠΞϯτ GET /index.html HTTP/1.1

    Host: www.yahoo.co.jp HTTP1.1 200 OK <html> <head>…</head> <body>…</body> </html>

  6. © OSCA ͠͹Β͘ߋ৽͕ͳͦ͞͏ͳಉҰίϯςϯπ΁ͷΞΫηεΛݮ Β͠ɺΩϟογϡΛར༻ͤ͞Δ͜ͱͰදࣔΛߴ଎Խͤ͞Δɻ ίϯςϯπΛϒϥ΢βΩϟογϡͤ͞Δ BCDQOH ͪΐ͏͍ͩʂ BCDQOH ͪΐ͏͍ͩʂ BCDQOH

    ͪΐ͏͍ͩʂ BCDQOH ͪΐ͏͍ͩʂ ΫϥΠΞϯτ αʔόʔ

  7. © OSCA ίϯςϯπΛϒϥ΢βΩϟογϡͤ͞Δ BCDQOH ͪΐ͏͍ͩʂ BCDQOH ͪΐ͏͍ͩʂ BCDQOH ͪΐ͏͍ͩʂ BCDQOH

    ͪΐ͏͍ͩʂ ೥݄೔·Ͱ͸ɺ ͜ΕΛ࢖ͬͯʂ ͠͹Β͘ߋ৽͕ͳͦ͞͏ͳಉҰίϯςϯπ΁ͷΞΫηεΛݮ Β͠ɺΩϟογϡΛར༻ͤ͞Δ͜ͱͰදࣔΛߴ଎Խͤ͞Δɻ ΫϥΠΞϯτ αʔόʔ

  8. © OSCA ίϯςϯπΛϒϥ΢βΩϟογϡͤ͞Δ )551Ϩεϙϯεϔομʹ &YQJSFTϔομΛ෇༩ͯ͠ɺί ϯςϯπͷΩϟογϡ༗ޮظݶΛ஌ΒͤΔɻ αʔόʔ ϒϥ΢β ΫϥΠΞϯτ GET

    /logo.png HTTP/1.1 Host: www.hogemoge.co.jp HTTP1.1 200 OK Expires: Wed, 24 Jan 2018 06:53:29 GMT (  )

  9. © OSCA )5.- $44 +BWB4DSJQU 9.- +40/ͳͲͷςΩετ ϑΝΠϧΛѹॖͯ͠ड৴͢Δɻ ड৴σʔλྔ͕ݮΓɺߴ଎ ʹͳΔɻ

    ͨͩ͠ɺΫϥΠΞϯτͱαʔόʔͷ྆ํ͕ɺಉ͡ѹॖܗࣜΛ αϙʔτ͍ͯ͠Δඞཁ͕͋Δɻ ͦ͜Ͱɺ"DDFQU&ODPEJOH ϔομͱ$POUFOU&ODPEJOH ϔομΛར༻͢Δɻ )551௨৴ѹॖΛ͢Δ

  10. © OSCA )551௨৴ѹॖΛ͢Δ αʔόʔ ϒϥ΢β ΫϥΠΞϯτ GET /index.html HTTP/1.1 Host:

    www.hogemoge.co.jp Accept-Encoding: gzip, deflate HTTP1.1 200 OK Content-Encoding: gzip (HTML)

  11. © OSCA ϒϥ΢βΩϟογϡ • NPE@FYQJSFT ϞδϡʔϧͷಡࠐΈ͕ඞཁ • ྫ 1/(ը૾ͷϒϥ΢βΩϟογϡظؒΛϲ݄ʹઃఆ "QBDIFIUUQE

    ʹ͓͚Δઃఆ LoadModule expires_module modules/mod_expires.so <ifModule mod_expires.c> ExpiresActive On ExpiresByType image/png "access plus 1 month" </ifModule>

  12. © OSCA )551ѹॖ • H[JQѹॖ͸ NPE@EFGMBUF ϞδϡʔϧͷಡࠐΈ͕ඞཁ • ྫ ςΩετ

    )5.- $44 +BWB4DSJQUΛѹॖ͢Δ "QBDIFIUUQE ʹ͓͚Δઃఆ LoadModule deflate_module modules/mod_deflate.so <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript </IfModule>

  13. © OSCA OHJOYʹ͓͚Δઃఆ ϒϥ΢βΩϟογϡ • FYQJSFTͷهड़Λ͢Δ͚ͩɻ • ର৅Λ֦ுࢠͰߜΔ৔߹͸࣍ͷΑ͏ͳهड़ɻ expires 30d;

    location ~ .*¥.(html|jpg|gif|png|css|js) { expires 30d; }

  14. © OSCA )551ѹॖ • H[JQ POͱ H[JQ@UZQFT ͷهड़Ͱࢦఆ͢Δɻ OHJOYʹ͓͚Δઃఆ gzip

    on; gzip_types text/html text/css text/javascript

  15. © OSCA ϓϩάϥϜதͰ +40/΍ 9.-ͳͲ"1*Λݺͼग़͢͜ͱ͕ ͋Δͱࢥ͍·͢ɻ ͦͷࡍʹ)551ѹॖͬͯؾʹ͍ͯ͠·͢ ͔ʁ ݴޠඪ४ͷωοτϫʔΫܥΫϥεɾؔ਺Λར༻͢Δ৔߹ɺࣗ ෼Ͱ

    $POUFOU&ODPEJOHϔομΛ൑அͯ͠ղౚ͠ͳ͍ͱ͍ ͚ͳ͍৔߹͕ଟ͍͕ɺߴػೳͳ)551$MJFOUϥΠϒϥϦΛར ༻͢Ε͹ɺ)551ѹॖͷ෦෼΋Ӆṭͯ͠΍ͬͯ͘ΕΔ৔߹͕ ͋Δɻ ϓϩάϥϜ͔Βར༻͢Δ)551ΫϥΠΞϯτ

  16. © OSCA ͓ΘΓʹ • ຊεϥΠυͷͭͷνϡʔχϯά͸ɺ͋ͳͨͷ8&#αʔ Ϗεʹߩݙ͢Δ͚ͩͰ͸ͳ͘ɺΠϯλʔωοτ໢ͷύ έοτΛݮΒ͢͜ͱ͕Ͱ͖ΔΫϦʔϯͳςΫχοΫͰ͢ɻ • 8&#ͷলΤωɾলίετʹߩݙͷ͸͍͔͕Ͱ͠ΐ͏͔ɻ