モバイル表示を超速にする「AMP」を試してみた

TOWNビアバッシュ 2017/2 公開

※Speaker Deckにアップしたら何か画像が一部おかしいけど気にしない

Transcript

1. ϞόΠϧදࣔΛ௒଎ʹ͢Δ ʮ".1ʯΛࢼͯ͠Έͨɻ ޙ౻
   ࿨ྑ
2. ࣗݾ঺հ ޙ౻
   ࿨ྑ
   ΫϦΤΠςΟϒຊ෦
   
   $*
   
   
   
   
   
   
   
   
   
   ,B[VZPTIJ(PUP
3. ۙگ
4. /JOUFOEP
   4XJUDIͷମݧձʹߦ͖·ͨ͠ɻ ΋ͪΖΜຊମ༧໿ࡁΈɻ
5. ࠷ۙͷήʔϜ -&5
   *5
   %*&
   ͕ώοτ
6. झຯͰ$POP)Bʹ,VTBOBHJͰ*OTUBHSBN࿈ܞͳ
 αΠτ্ཱ࣮ͪ͛ͯݧͯ͠·͢ɻ
7. ຊ୊
8. ʮ".1ʯͱ͸ʁ
9. ͓ख࣋ͪͷεϚϗͰ
   ࢼ͠ʹʮτϥϯϓʯͱ
   άάο͍ͯͩ͘͞ɻ
10. ݕࡧ݁Ռʹʮ".1ʯͱग़ͯ͘Δ΋ͷ͕͋Γ·͢ɻ
 ͙͢։͚·͢ΑͶʁ
11. ".1
    
    "DDFMFSBUFE
    .PCJMF
    1BHFT (PPHMF͕ਐΊ͍ͯΔ
 ϞόΠϧදࣔߴ଎Խͷ
 ϓϩδΣΫτɻ
12. Αͬ͠Όࢼͨ͠Ζʂ
13. ".1ͷద༻ํ๏
14. ".1ͷϥΠϒϥϦΛಡΈࠐΈɺ
 ಛఆͷॻࣜͰ)5.-Λॻ͘ EPDUZQF
    IUNM
    IUNM
    BNQ
    
    
    IFBE
    
    
    
    
    NFUB
    DIBSTFUVUG
    
    
    
    
    MJOL
    SFMDBOPOJDBM
    ISFG\1$ϖʔδͷ63-^
    
    
    
    
    
    TUZMF
    BNQCPJMFSQMBUFCPEZ\d^^TUZMF
    
    
    
    
    OPTDSJQU
    
    
    
    
    
    
    TUZMF
    BNQCPJMFSQMBUFCPEZ\d^TUZMF
    
    
    
    
    OPTDSJQU
    
    
    
    
    TDSJQU
    BTZOD
    TSDIUUQTDEOBNQQSPKFDUPSHWKTTDSJQU
    
    IFBE
15. ਖ਼͘͠هड़͢Ε͹(PPHMF͕
 Ωϟογϡͯ͘͠ΕΔɻ (PPHMFυϝΠϯԼ ʹΩϟογϡ͞ΕΔʂ
16. Ұݟ؆୯͚ͩΕͲʜ
17. ૣ଎ͷ݁࿦ ࣗ෼ͷ8PSE1SFTTαΠτʹࢼͨ͠ͱ͜Ζ
18. σϝϦοτͷ౎߹ɺ
 αΠτͷେ෯ͳ࠶ߏங͕
 ආ͚ΒΕͳ͍ɻ
19. ίʔυϨϕϧͷ࿩Ͱ͸ͳ͘
 Ϣʔβʔಋઢͷ࠶ߏ੒ɻ
20. σϝϦοτ w ".1ઐ༻ͷ)5.-هड़΁มߋ͕ඞཁ
    w +BWB4DSJQU͕࢖͑ͳ͍
    w ֎෦$44ΛಡΈࠐΊͳ͍
    w ϑΥʔϜύʔπ͕࢖͑ͳ͍
    w ".1ઐ༻ͷ6*͕ࣗಈͰૠೖ͞ΕΔ
21. )5.-վमͷҰ෦ྫ IUNM IUNM
    BNQʹมߋ JNH BNQJNHʹมߋ TDSJQU ".1ϥΠϒϥϦΛಡΉ࣌Ҏ֎͸ར༻ෆՄ GPSN
    JOQVU
    UFYUBSFB
    TFMFDU
    PQUJPO ϑΥʔϜύʔπҰ੾ར༻ෆՄ
22. Ͱ͖Δ͜ͱ w ϦϯΫ
    w ը૾දࣔ
    w ΠϯϥΠϯ$44
    w :PVUVCF͸షΕΔ
23. ੩తαΠτ͚ͩʹ
 ద༻Մೳɻ
24. ϝϦοτ͋Δͷʁ
25. ".1ରԠͯ͠଎ใੑɾ༗ӹੑ͕͋Ε͹
    ಛผͳ࿮Ͱදࣔ͞ΕΔɻ
26. (PPHMFʹίϯςϯπ͕Ωϟογϡ͞Εɺ
 ௒଎Ͱදࣔ͞ΕΔ
27. Ϣʔβʔମݧͷ޲্ͷΈ͕໨తͰɺ
 αΠτӡӦऀ͸࠶ฤ੒͕ඞཁɻ
28. ଞॴ͸Ͳ͏΍ͬͯΔͷʁ
29. ".1ઐ༻ϖʔδΛैདྷͷϖʔδͱผʹ࡞͍ͬͯΔɻ ே೔৽ฉ
    XXXBTBIJDPNBNQBSUJDMFTdIUNM
    ౦༸ܦࡁ
    UPZPLFJ[BJOFUBSUJDMFTBNQd
    ϩΠλʔ
    KQNPCJMFSFVUFSTDPNBSUJDMFBNQd
30. ϨεϙϯγϒͷΑ͏ʹ
 1$αΠτͱಉҰιʔεͰ
 ରԠͰ͖ͳ͍͔ʁ
31. ରԠ͢ΔҊ w ຤୺ϖʔδͷΈରԠ͢Δ
 +BWB4DSJQU͸֎͠ɺ$44͸IFBEʹϕλॻ͖
    w ղੳ͸JNHຒࠐΈܕ
    w ίϝϯτཝͳͲ͸෧͡Δ
    w ͍͍ͶϘλϯͳͲ΋෧͡Δ
32. ͏ʙΜʜ
33. ݁࿦
34. ࣦ͏΋ͷͱίετ͕ଟ͍ͷͰ
 ෼͚ͨ΄͏͕҆શָ͔ͭɻ
 ʢࠓ͸ʣ
35. ".1ϖʔδ͸
 ೖΓޱͱߟ͑Δɻ
36. ͜ͷ݁࿦ͳΒ
 8PSE1SFTT͸ָɻ
37. ".1ରԠϓϥάΠϯ͕͋Δɻ
38. 63-຤ඌʹʮBNQʯͰࣗಈੜ੒͞ΕΔɻ
 ैདྷͷϖʔδʹ͸Կ΋Өڹͳ͠ɻ
39. ·ͱΊ
40. w ".1͸ϞόΠϧ69ͷ޲্͕໨త
    w ".1͸੩తϖʔδͷΈʹ࢖͑Δ
    w ݱঢ়ɺ͙͢΍Ε͹ྑ͍ͱஅݴͰ͖ͳ͍
41. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ