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

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

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.4k
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
530

Other Decks in Technology

See All in Technology
「エンジニア進化論」2028年の開発完全自動化、エンジニアはどう進化するか
Avatar for CyberAgent cyberagentdevelopers
PRO
4
4.4k
protovalidate-es を導入してみた
Avatar for 弁護士ドットコム bengo4com
0
170
チームで進めるAI駆動アジャイル×ウォーターフォール
Avatar for 熊井悠 kumaiu
0
150
Building applications in the Gemini API family.
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
2.8k
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.5k
2026TECHFRESH畢業分享會 - 葬送的通靈師：化系統與用戶雜訊成行動訊號
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
710
Socrates × Looker　〜セマンティックレイヤーで進化するデータ分析エージェント〜
Avatar for Uchide Hiroki(ucchi-) hanon52_
3
2.1k
Dario Amodi『Policy on the AI Exponential』を理解する
Avatar for 長津孝輔 nagatsu
0
210
ルールやカスタム機能、どう活かす?ハンズオンで体感するIBM Bobの出力コントロール
Avatar for mu (Mizuho Uehara) muehara
1
130
SIer20年！ 培ったスキルがスタートアップで輝く時
Avatar for しゅういちろ shucho0103
0
830
スキルと MCP ツール、責務をどう分けるか？ AI が迷わないインターフェース設計の戦略
Avatar for CData Software Japan cdataj
1
920
"何を作るか"を任される エンジニアは、どう育つのか
Avatar for ofuji-works yutaokafuji
1
580

Featured

See All Featured
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
140
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
410
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.3k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
240
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
230
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.5k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
810

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