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

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

265edb69bfcd5cac012ad5a14f2e6e2f?s=47 OSCA
February 02, 2018
Technology
1
2.2k

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

265edb69bfcd5cac012ad5a14f2e6e2f?s=128

OSCA

February 02, 2018
Tweet

More Decks by OSCA

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

Other Decks in Technology

See All in Technology
220521_SFN_品質文化試論と『LEADING QUALITY』/220521_SFN_Essay_of_Quality_Culture_and_LEADING_QUALITY
C8cde92274f0ca1ff9b046673d4f2d29?s=48 mkwrd
0
340
一人から始めるプロダクトSRE / How to start SRE in a product team, all by yourself
12a5cec7a54018170b1a009731acf477?s=48 vtryo
4
3.1k
プロダクション環境の信頼性を損ねず観測する技術
3baceb46dfe36422370df30b8eab61d1?s=48 egmc
4
940
E2E自動テスト導入・運用をめぐる先入観と実際に起きたこと / Preconceptions and What Happened with E2E Testing
77fa3ebbf229a884c74c905034b1f4c2?s=48 ak1210
5
1.4k
XRを取り巻く技術の正体と未来
763e77506a1534bdc6fcc930f5d94eb6?s=48 kajiken_meson
0
200
Embedded SRE at Mercari
Ecb3acc2d246962361a4f8b3f7a6dd12?s=48 tcnksm
0
870
What's new in Spring Cloud?
2559c50bf24b65eaba52fd7c75260c93?s=48 olgamaciaszek
0
170
220524_開発PM勉強会vol.11_MNTSQ
8a505ff8df09a49eca3315523c45104d?s=48 kkawase
0
120
ヘキサゴナルアーキテクチャを利用したLambda 関数のドメインモデルの実装 Live
7689d16bbad8f2fa05a5e9afb8527675?s=48 fatsushi
3
710
A Conditional Point Diffusion-Refinement Paradigm for 3D Point Cloud Completion
2c88806cbaab6024dc95b9a654c99d86?s=48 takmin
0
230
ソフトウェアテストで参考にしている67のモノ #scrumniigata / 67 things for software testing
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
PRO
1
840
Scrum Fest Niigata 2022 開発エンジニアに聞いてみよう！
478bd912a17b65fa0ab8c1d81912b9b1?s=48 moritamasami
1
680

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
24
6.2k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.7k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.9k
Producing Creativity
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
333
37k
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
46
3.9k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
39
59k
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
25k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k

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&#ͷলΤωɾলίετʹߩݙͷ͸͍͔͕Ͱ͠ΐ͏͔ɻ