ウェブサイトをもっと速く！

Slide 1

Slide 1 text

΢ΣϒαΠτΛ  ΋ͬͱ଎͘ʂ 8BDLFS ٶ಺ོߦ !NJZB

Slide 2

Slide 2 text

w גࣜձࣾλϩεΧΠ w Ұൠࣾஂ๏ਓ͸͡Ί·ͨ͠ʂ w 8PSE1SFTTͷਓɻ81$-*ίϛολʔͳͲͳͲɻ w དྷिຊ԰͞Μ͠·͢ɻ(PPHMF$MPVE8PSE1SFTTͷղઆॻ Λߴڮจथ͞Μͱॻ͖·ͨ͠ʂ

Slide 3

Slide 3 text

ΞδΣϯμ

Slide 4

Slide 4 text

w ଎͍ͷ͸ਖ਼ٛ w ଎͍ͬͯͳʹʁ w ϒϥ΢β͕ϖʔδΛදࣔ͢Δ·ͰͷྲྀΕ w )551 w 3FTPVSDF)JOUT w ΫϦςΟΧϧ$44 w 8PSE1SFTTͰͷߴ଎Խ

Slide 5

Slide 5 text

଎͍ͷ͸ਖ਼ٛ

Slide 6

Slide 6 text

IUUQTXXXUIJOLXJUIHPPHMFDPNNBSLFUJOHSFTPVSDFTEBUBNFBTVSFNFOU NPCJMFQBHFTQFFEOFXJOEVTUSZCFODINBSLT

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

w ݸਓͷϒϩάʢIUUQTNJZBJPʣͰ͸ඵ͔Βඵʹॖ·ͬͨ݁Ռ΋17͕૿͑ͨʂ w ͜ΕʹऔΓ૊ΉաఔͷதͰ̓ͭ΄Ͳ8PSE1SFTTϓϥάΠϯΛ࡞Γ௚ͨ͠Γ৽نʹ࡞ͬͨΓ ͨ͠ɻ w ద༻ͨ͠΄΅͢΂ͯͷαΠτͰ্ͷΑ͏ʹ17͕૿Ճͨ͠ɻ

Slide 11

Slide 11 text

ͦ΋ͦ΋଎͍ͬͯԿʁ

Slide 12

Slide 12 text

௕ڑ཭ϥϯφʔͱͯ͠ͷ଎͞ͱ  ୹ڑ཭ϥϯφʔͱͯ͠ͷ଎͞͸ผ෺

Slide 13

Slide 13 text

ͨ͘͞ΜͷτϥϑΟοΫʹରͯ͠  ଎͘Ԡ౴͍ͤͨ͞ w /HJOY΍"QBDIFɺ.Z42-ͷνϡʔχϯά w εέʔϧΞ΢τ΍εέʔϧΞοϓ w αʔόʔαΠυΩϟογϡ w ΦϒδΣΫτΩϟογϡ w ΞϓϦέʔγϣϯͷ࠷దԽ

Slide 14

Slide 14 text

ମײ଎౓Λ଎͍ͨ͘͠ w $44΍+4ɺը૾ͷαΠζͷ࠷దԽ w )551 w 3FTPVSDF)JOU w ΫϥΠΞϯταΠυΩϟογϡ w ඇಉظ w ଞʹ΋ࢁ΄Ͳʂ

Slide 15

Slide 15 text

ϒϥ΢β͕ϖʔδΛ  දࣔ͢Δ·ͰͷྲྀΕ

Slide 16

Slide 16 text

໊લղܾ ઀ଓ αʔόʔαΠυͷΞϓϦέʔγϣϯ͕ൃՐ ϒϥ΢β͕ίϯςϯπΛμ΢ϯϩʔυ ϨϯμϦϯά ্ͷ͢΂ͯͷϙΠϯτͰߴ଎Խ͕Մೳ

Slide 17

Slide 17 text

IUUQTXXXIUNMSPDLTDPNKBUVUPSJBMTJOUFSOBMTIPXCSPXTFSTXPSL

Slide 18

Slide 18 text

UFMOFUͰ)551ͯ͠ΈΔͱ ۩ମతʹΠϝʔδ͠΍͍͔͢΋ $ telnet example.com 80 GET / HTTP/1.1 Host: example.com

Slide 19

Slide 19 text

)551

Slide 20

Slide 20 text

)551 )551

Slide 21

Slide 21 text

w )551Ͱ͸ϒϥ΢β͸֤ϦιʔεΛ࠷େͰ̒ͭʢʁʣ ·Ͱ͔͠ಉ࣌ʹμ΢ϯϩʔυ͠ͳ͍ɻ w ͦͷͨΊʹੲ͸$44εϓϥΠτͱ͔υϝΠϯγϟʔσΟ ϯάͱ͔͍Ζ͍Ζؤுͬͨʂ w )551Ͱ͸ɺͻͱͭͷ5$1઀ଓͰ·ͱΊͯμ΢ϯϩʔ υͰ͖Δɻ

Slide 22

Slide 22 text

)5514FSWFS1VTI

Slide 23

Slide 23 text

w ͋ͱ͔Β࢖༻͢Δ͜ͱ͕Θ͔ͬͯΔ$44΍+4ɺը૾ͳͲ Λϒϥ΢β͔ΒͷϦΫΤετΛ଴ͨͣʹ1VTIɻ

Slide 24

Slide 24 text

8PSE1SFTTϓϥάΠϯΛ࡞ͬͯΈͨ

Slide 25

Slide 25 text

w ϒϥ΢βʹΩϟογϡ͕͋ͬͯ΋1VTIͯ͠͠·͏ͷͰɺͳΜ Ͱ΋͔ΜͰ΋1VTIͯ͠͠·͏ͷ͸ɺ͍·͍ͪͳ͜ͱ͕Θ͔ͬ ͨɻ8PSE1SFTTϓϥάΠϯͱͯ͠͸΋͏গ͠ݕ౼͕ඞཁɻ w ଚܟ͢Δ8PSE1SFTTͷίϛολʔͷҰਓɺ"BSPO+PSCJO͕ ৯͍͍ͭͯ͘Εͨͷ͕خ͔ͬͨ͠ɻʢҧ

Slide 26

Slide 26 text

3FTPVSDF)JOUT

Slide 27

Slide 27 text

w %/41SFGFUDI w 1SFDPOOFDU w 1SFGFUDI w 1SFSFOEFS IUUQTXDHJUIVCJPSFTPVSDFIJOUT

Slide 28

Slide 28 text

ͨͩ͠1SFSFOEFS͸ϖʔδʹ͖͔ͭͭ͠࢖͑ͳ͍ʜɻ 3FTPVSDF)JOUT͸ɺMJOLͰຒΊࠐΉ͚ͩͳͷͰ ׂͱ؆୯ʹಋೖՄೳ

Slide 29

Slide 29 text

8PSE1SFTTͰ͸ ҎԼͷΑ͏ͳײ͡Ͱ࣮૷Մೳ function makewp_example_resource_hints( $hints, $relation_type ) { if ( 'dns-prefetch' === $relation_type ) { $hints[] = '//make.wordpress.org'; } else if ( 'prerender' === $relation_type ) { $hints[] = 'https://make.wordpress.org/great-again'; } return $hints; } add_filter( 'wp_resource_hints', 'makewp_example_resource_hints', 10, 2 );

Slide 30

Slide 30 text

ΫϦςΟΧϧ$44

Slide 31

Slide 31 text

h1 { color: #ff0000; } ͜ΕΛϒϥ΢βͰಡΈࠐΜͩΒͲ͏ͳΔ͔ࢼͯ͠ΈΑ͏ʂ

Slide 32

Slide 32 text

ϑΝʔετϏϡʔͰ͸දࣔ͞Εͯͳ͍ͱ͜Ζ͕͍ͬͺ͍͋Δɻ ϝσΟΞΫΤϦʔ౳Λۦ࢖ͯ͠ϑΝʔετϏϡʔͰ  ෆཁͳ$44΍+4ʹΑΔϨϯμϦϯάϒϩοΫΛ๷͙ɻ

Slide 33

Slide 33 text

IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFDSJUJDBM SFOEFSJOHQBUISFOEFSCMPDLJOHDTT IMKB

Slide 34

Slide 34 text

8PSE1SFTTͷߴ଎Խ

Slide 35

Slide 35 text

8PSE1SFTT͸ॏ͍ʁ w 8PSE1SFTT͕ॏ͍ͱ͍͏ΑΓ΋ɺ؆୯ʹॏ͘Ͱ͖Δͱ͍ ͏ͷ͕ਖ਼͍͠ɻ

Slide 36

Slide 36 text

ॏ͘ͳΓ͕ͪͳϙΠϯτ

Slide 37

Slide 37 text

ϓϥάΠϯଟ͗͢ w ϓϥάΠϯͷઃఆ߲໨͸ϩʔυ࣌ʹ͢΂ͯ·ͱΊͯಡΈࠐ ·ΕΔɻϓϥάΠϯΛΞϯΠϯετʔϧͨ͠ޙ΋ͦΕΒ͸ ࢒ΔͷͰຊ൪؀ڥͰϓϥάΠϯΛ͋Ε͜Εࢼ͚ͩ͢Ͱ΋ύ ϑΥʔϚϯε௿ԼͷݪҼʹͳΓ͏Δɻ w γϣʔτίʔυͳͲͷϓϥάΠϯ͸ɺͦͷγϣʔτίʔυ Λ࢖༻͍ͯ͠ͳ͍ϖʔδͰ΋$44ΛಡΈࠐΉɻͦͷγϣʔ τίʔυ΄Μͱʹ࢖ͬͯΔʁ

Slide 38

Slide 38 text

ΩϟογϡܥϓϥάΠϯΛ ৴༻͗͢͠ w ΩϟογϡܥϓϥάΠϯ͸௒ॏ͍αΠτΛͪΐͬͱ͸Ϛγ ʹͯ͘͠ΕΔͬͯఔ౓ͷظ଴஋Ͱɻ w ڞ༗αʔόʔͰ͸ٯޮՌʹͳΔ͜ͱ͕ଟ͍ɻʢԤถͷڞ༗ αʔόʔͰ͸ར༻ېࢭʹͳ͍ͬͯΔ͜ͱ͕΄ͱΜͲɻʣ w ࢖͍͜ͳͨ͢Ίʹ͸ߴ౓ͳ஌͕ࣝඞཁɻ

Slide 39

Slide 39 text

ॏ͘ͳΔϓϥάΠϯͷύλʔϯ w ؔ࿈هࣄܥ w ϦϯΫνΣοΫͯ͘͠ΕΔܥ ͋ͱ+FU1BDLʜ׼

Slide 40

Slide 40 text

଎͘͢ΔͨΊͷϙΠϯτ

Slide 41

Slide 41 text

w 1)18PSE1SFTT͸1)1Ҏ্Λਪ঑ʂ w /HJOYγϯάϧϓϩηεɺΠϕϯτۦಈɺඇಉظʂ w ը૾ͷ࠷దԽKQFHPQUJN QOHRVBOUͳͲͳͲɻ w +4ɺ$44ͷ࠷దԽɻಡΈࠐΈλΠϛϯάͷมߋɻ ҎԼͷ߲໨͚ͩͰ΋͔ͳΓҧ͏ʂ 1)1ͷར༻཰͕௿͍ͷͰڞ༗αʔόʔͷਓ͸͍·͙͢ίϯτϩʔϧύωϧ΁ʂ

Slide 42

Slide 42 text

IUUQTNJZBJPPQUJNJ[FJNBHFTGPSXPSEQSFTTXJUIUIF KQFHPQUJN 8PSE1SFTTͰͷKQFHPQUJNʹΑΔ ը૾ͷ࠷దԽͷ࣮૷ྫ ίΞίϛολʔʹ ๙ΊΒΕͨʂ

Slide 43

Slide 43 text

8PSE1SFTTͰ$44ͷಡΈࠐΈλΠϛϯάΛมߋ͢Δ+4ͷྫ ͻͱͭͻͱͭ஍ಓʹؤுͬͨΒɺ  ͔ͨ͠ʹτοϓϖʔδͰ.#Ҏ্ͷαΠζ࡟ݮʹ੒ޭͨ͠ɻ ʢASFMTVCSFTPVSDFAͷ΄͏͕͍͍͔΋ʣ

Slide 44

Slide 44 text

ͦͷଞ w 8PSE1SFTTͷ৽ΤσΟλʔɺ(VUFOCFSH͕ಋೖ͞ΕΔͱαʔυ ύʔςΟͷϓϥάΠϯʹΑͬͯେྔͷ$44΍+4͕ϩʔυ͞ΕΔ Մೳੑ͕͋ΔɻϑϩϯτΤϯυʹؔ͢ΔεΩϧͷཁٻਫ४্͕ ͕ͬͯ͠·͏͔΋ɻ w 8PSE1SFTTͷK2VFSZͱKRVFSZNJHSBUF͸IFBEͰಡΈ ࠐ·ΕͯϨϯμϦϯάΛϒϩοΫ͢ΔͷͰཁ஫ҙɻ

Slide 45

Slide 45 text

5IBOLT ͓࢓ࣄͷ૬ஊ͸ҎԼ·Ͱɻ IUUQTUBSPTLZDPKQ IUUQTMJDUKQ