2022年、知っておきたいWebのこと ~パフォーマンス & セキュリティ~

Webパフォーマンス領域のDeveloper Expertsを務める原です。本セッションでは、2022年に知っておきたいWebにまつわる新技術やトピックを、パフォーマンス・セキュリティ領域からピックアップして紹介します。当日は各分野のエキスパートである@sisidovski、@kumagi、@agektmrをお招きして該当トピックの理解を深めます。それに加えサイバーエージェントでのユースケースを紹介し、実サービスでどのように適用できるのかお伝えします。

WebパフォーマンスではAmebaブログがAMPをやめるに至った経緯やその対応方法、Core Web Vitals、ローディングパフォーマンスを改善する機能、パフォーマンスモニタリングツールとしてのSearch Concoleの使い方を紹介します。セキュリティではSame-Origin PolicyやSpectreの脅威をおさらいしその対策となるSecurity Headersの紹介、またUser Agent Reductionの概要とスケジュールを通し、2022年にやっておきたい対応をお伝えします。

Transcript

3. ݪ
   Ұ੒ גࣜձࣾαΠόʔΤʔδΣϯτ
   8FC
   %FWFMPQFS
   
   $ZCFS"HFOU
   %FWFMPQFS
   &YQFSU Ϩʔε؍ઓ όλʔνΩϯΧϨʔ ໊ΤϯδχΞͱύγϟϦ
4. ࣡ށ
   ढ़࠸ 8FC
   &DPTZTUFN
   $POTVMUBOU Թઘɾα΢φ ᰤࢠ ໘ന͍5γϟπ
5. ۽࡚
   ޺थ 4PGUXBSF
   &OHJOFFS
   5XJUUFS ΢Ϛ່ ່
6. ͑ʔ͡ %FWFMPQFS
   "EWPDBUF
   ఱ௡؁܀ Ξϯσϧηϯͷ͘ΔΈύϯ Ұའ
7. 8FC
   2VJ[
    wΫΠζͱΞϯέʔτ
   w ೥ͷ8FCʹ͍ͭͯ஌͓͖͍ͬͯͨ͜ͱΛ͓͞Β͍
   w 8FCʹؔ͢ΔϑΟʔυόοΫΛ͓د͍ͤͩ͘͞ IUUQTGPSNTHMF.1P#'L8T'[;44R
8. 8FC
   2VJ[
    wΫΠζͱΞϯέʔτ
   w ೥ͷ8FCʹ͍ͭͯ஌͓͖͍ͬͯͨ͜ͱΛ͓͞Β͍
   w 8FCʹؔ͢ΔϑΟʔυόοΫΛ͓د͍ͤͩ͘͞ IUUQTGPSNTHMF.1P#'L8T'[;44R μΠφιʔάοζ
9. 8FCύϑΥʔϚϯε
10. 
    "NFCBϒϩά".1΍ΊΔͬͯʂʁ ग़యɿIUUQTBNFCMPKQDBTFPFOUSZIUNMɹ
11. "NFCBϒϩάɺ".1ऴྃ·Ͱͷաఔ w✅
    $PSF
    8FC
    7JUBMTͷ஋͕ྑ޷Ͱ͋Δ
    w✅
    ݕࡧྲྀೖ͕ܶతʹݮগ͠ͳ͍
    w✅
    க໋తͳ޿ࠂӨڹ͕ͳ͍
    w✅
    ݕࡧ݁ՌͰϓϦϑΣονͰ͖Δ νΣοΫϦετ
12. 4JHOFE
    &YDIBOHF 49( ΍1SJWBUF
    1SFGFUDI
    1SPYZͰϓϦϑΣον 4JHOFE
    &YDIBOHFͷ৔߹ 55'#
    㲈
     1SJWBUF
    1SFGFUDI
    1SPYZͷ৔߹ ࣄલʹΩϟογϡ ϓϩΩγܦ༝Ͱ
    ౎౓ϓϦϑΣον
13. 
    ϩʔσΟϯάύϑΥʔϚϯεΛվળ͢Δ ग़యɿIUUQTTQFBLFSEFDLDPNIFSBCMPHDPSFXFCWJUBMTJOQSBDUJDF TMJEFɹ 1SFSFOEFSJOH &BSMZ
    )JOUT 1SJPSJUZ
    )JOUT MJOL
    SFMlQSFMPBEz 1SJWBUF
    1SFGFUDI
    1SPYZ 49(
14. ը૾දࣔͰ೥ʹͰ͖Δ͜ͱ ग़యɿIUUQTTQFBLFSEFDLDPNIFSBCMPHDPSFXFCWJUBMTJOQSBDUJDF TMJEFɹ QJDUVSF
    
    
    TPVSDF
    TSDTFUJNBHFKYM
    UZQFJNBHFKYM
    
    
    TPVSDF
    NFEJB
    TSDTFUJNBHFBWJG
    UZQFJNBHFBWJG
    
    
    TPVSDF
    NFEJB
    TSDTFUJNBHFXFCQ
    UZQFlJNBHFXFCQ
    
    
    JNH
    BMU
    TSDJNBHFKQH
    
    
    
    EFDPEJOHBTZOD
    MPBEJOHlMB[Z
    
    
    
    IFJHIU
    XJEUI
    
    
    
    GFUDIQSJPSJUZMPX
    QJDUVSF ৽ܗࣜ ॲཧͷ஗Ԇ ΞεϖΫτൺͷࢦఆ ॏཁ౓ͷώϯτ
15. 
    4FBSDI
    $POTPMFΛ࢖͏
16. -JHIUIPVTF -BC ͱ$S69 'JFME ग़యɿIUUQTTQFBLFSEFDLDPNIFSBCMPHDPSFXFCWJUBMTJOQSBDUJDF TMJEF
17. $S69
    
    63-ͷάϧʔϐϯά
18. $S69
    
    63-ͷάϧʔϐϯά
19. 8FCηΩϡϦςΟ
20. 
    4FDVSJUZ
    )FBEFST ग़యɿIUUQTCMPHBHFLUNSDPNCSPXTFSTFDVSJUZIUNMɹ
21. ग़యɿIUUQTCMPHBHFLUNSDPNCSPXTFSTFDVSJUZIUNM
    IUUQT[FOOEFWBHFLUNSBSUJDMFTGEDEBD 4BNF0SJHJO
    1PMJDZ
22. ग़యɿIUUQTKBXJLJQFEJBPSHXJLJ4QFDUSFɹ 4QFDUSF εϖΫλʔ ͷڴҖ (PPHMFͷ[FSPEBZ߈ܸݚڀͷϓϩδΣΫτ 1SPKFDU
    ;FSPͱ҉߸ֶऀͷϙʔϧɾίοϑΣϧ͕ த৺ͱͳͬͨݚڀνʔϜ͕ผʑʹൃݟ͠ɺ .FMUEPXOͷνʔϜͱͷڞಉ࡞ۀͱͳΓɺ ೥݄೔ʹൃද͞Εͨɻ
    
    ʮ4QFDUSFʯʢ༓ྶʣͱ໋໊ͨ͠ཧ༝͸ɺ౤ػత ࣮ߦ
    TQFDVMBUJWF
    FYFDVUJPO
    ʹ༝དྷ͓ͯ͠ Γɺम෮͕ࠔ೉ͳ͜ͱ͔Βɺ૬౰ͷ͍͋ͩ༓ྶͷ Α͏ʹզʑʹऔΓጪͩ͘Ζ͏ͱઆ໌͞Ε͍ͯΔɻ
23. ग़యɿIUUQTCMPHBHFLUNSDPNCSPXTFSTFDVSJUZIUNMɹ 4QFDUSF εϖΫλʔ ͷڴҖ
24. ௥Ճ͞Εͨ4FDVSJUZ
    )FBEFST 9'SBNF0QUJPOT
    PS
    $41
    GSBNFBODFTUPST $SPTT0SJHJO0QFOFS1PMJDZ
    $001 wJGSBNFͷಡΈࠐΈΛ੍ޚ͢Δ
    w 9'SBNF0QUJPOT
    %&/:4".&03*(*/
    w $POUFOU4FDVSJUZ1PMJDZ
    GSBNFBODFTUPST
    TFMG
    IUUQTXXXFYBNQMFDPN w8JOEPXؒͷίϛϡχέʔγϣϯΛ੍ޚ
    w $SPTT0SJHJO0QFOFS1PMJDZ
    TBNFPSJHJOTBNF PSJHJOBMMPXQPQVQTVOTBGFOPOF
25. ௥Ճ͞Εͨ4FDVSJUZ
    )FBEFST $SPTT0SJHJO3FTPVSDF1PMJDZ
    $031 wϦιʔεͷຒΊࠐΈΛ੍ޚ
    w $SPTT0SJHJO3FTPVSDF1PMJDZ
    TBNFPSJHJO TBNFTJUFDSPTTPSJHJO
    w 4BNF4JUF
    $PPLJFΛ/POFʹ͍ͯ͠ͳ͚Ε͹ೝূࡁΈͷ ίϯςϯπ͸࿙Ӯ͠ͳ͍
26. ઃఆ͢΂͖4FDVSJUZ
    )FBEFST "NFCBͰͷެ։ίϯςϯπͷྫ ग़యɿIUUQTXFCEFWTFDVSJUZIFBEFSTɹ 4USJDU5SBOTQPSU4FDVSJUZ
    NBYBHF
    9$POUFOU5ZQF0QUJPOT
    OPTOJ ff
    99441SPUFDUJPO
    
    NPEFCMPDL
    9'SBNF0QUJPOT
    %&/:
    $POUFOU4FDVSJUZ1PMJDZ
    EFGBVMUTSD
    TFMG
    JNHTSD
    
    EBUB
    TUZMFTSD
    TFMG
    VOTBGFJOMJOF
    GSBNFBODFTUPST
    OPOF
    $SPTT0SJHJO0QFOFS1PMJDZ
    TBNFPSJHJO
    $SPTT0SJHJO3FTPVSDF1PMJDZ
    TBNFPSJHJO
27. ઃఆ͢΂͖4FDVSJUZ
    )FBEFST ηϯγςΟϒͳσʔλΛѻ͏αΠτͰઃఆ͢΂͖ w$POUFOU
    4FDVSJUZ
    1PMJDZ
    $41
    w5SVTUFE
    5ZQFT ग़యɿIUUQTXFCEFWTFDVSJUZIFBEFSTɹ
28. $SPTTPSJHJO
    JTPMBUJPOͰ4IBSFE"SSBZ#V ff FSΛ࢖͏࣌ w$SPTT0SJHJO
    0QFOFS
    1PMJDZ
    $001
    w$SPTT0SJHJO
    &NCFEEFS
    1PMJDZ
    $0&1
    w ࿙Εͯ΋໰୊ͳ͍ɺ΋͘͠͸໌ࣔతʹΦϓτΠϯ͍ͯ͠ ΔϦιʔεҎ֎͸ϒϩοΫ͢Δ ग़యɿIUUQTXFCEFWTFDVSJUZIFBEFSTɹ ઃఆ͢΂͖4FDVSJUZ
    )FBEFST
29. 
    6TFS"HFOU
    3FEVDUJPO ग़యɿIUUQTXXXDISPNJVNPSHVQEBUFTVBSFEVDUJPOɹ
30. .P[JMMB
    8JOEPXT
    /5
    
    8JO
    Y
    "QQMF8FC,JU
    ,)5.-
    MJLF
    (FDLP
    $ISPNF
    4BGBSJ .P[JMMB
    8JOEPXT
    /5
    
    8JO
    Y
    "QQMF8FC,JU
    ,)5.-
    MJLF
    (FDLP
    $ISPNF
    4BGBSJ .P[JMMB
    -JOVY
    "OESPJE
    
    4."6
    "QQMF8FC,JU
    ,)5.-
    MJLF
    (FDLP
    $ISPNF
    .PCJMF
    4BGBSJ .P[JMMB
    -JOVY
    "OESPJE
    
    ,
    "QQMF8FC,JU
    ,)5.-
    MJLF
    (FDLP
    $ISPNF
    .PCJMF
    4BGBSJ ग़యɿIUUQTXXXDISPNJVNPSHVQEBUFTVBSFEVDUJPOɹ ࡟আ͞ΕΔ6TFS"HFOU σεΫτοϓ "OESPJE 04όʔδϣϯ͸ݻఆ ϝδϟʔόʔδϣϯͷΈՄม ୺຤Ϟσϧ͸ݻఆ ʮ"OESPJEʯ͸࢒Δ
31. 6TFS"HFOU
    3FEVDUJPOͷλΠϜϥΠϯ 6"࡟ݮ׬ྃ   $ISPNF
      σϓϦέʔγϣϯτϥΠΞϧ  $ISPNFόʔδϣϯ࡟ݮ   σεΫτοϓద༻ "OESPJEద༻    ग़యɿIUUQTEFWFMPQFSTKQHPPHMFCMPHDPNDISPNFVTFSBHFOUIUNMɹ 🌸 🎃 👺 🎍
32. 5IBOL
    ZPV wΫΠζͱΞϯέʔτ
    w ೥ͷ8FCʹ͍ͭͯ஌͓͖͍ͬͯͨ͜ͱΛ͓͞Β͍
    w 8FCʹؔ͢ΔϑΟʔυόοΫΛ͓د͍ͤͩ͘͞ IUUQTGPSNTHMF.1P#'L8T'[;44R μΠφιʔάοζ