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

20200721_web_vitals.pdf

 20200721_web_vitals.pdf

ozaki25

July 21, 2020
Tweet

More Decks by ozaki25

Other Decks in Technology

Transcript

  1. $PSF8FC7JUBMT 

  2. ࠓ೔ͷΰʔϧ w $PSF8FC7JUBMTͱ͸Կͳͷ͔஌Δ w $PSF8FC7JUBMTͷͭͷࢦඪΛ஌Δ 

  3. ࠓ೔ͷ಺༰ w ҎԼͷ৘ใΛ·ͱΊ͚ͨͩͰ͢ʢ࣌ؒͳ͔ͬͨɾɾʣ w (PPHMF%FWFMPQFST+BQBO8FC7JUBMTͷ֓ཁαΠτͷ݈શ ੑΛࣔ͢ॏཁࢦඪ w IUUQTEFWFMPQFSTKQHPPHMFCMPHDPNXFCWJUBMTIUNM w 18"/JHIUWPMʙύϑΥʔϚϯεʙʢ8FC7JUBMTʹ͍ͭ

    ͯCZ࣡ށ͞Μ!(PPHMFʣ w IUUQTQXBOJHIUDPOOQBTTDPNFWFOU 
  4. $PSF8FC7JUBMTͱ͸ w (PPHMF͕ఏএ͢ΔύϑΥʔϚϯεࢦඪ w ʹൃද͞Εͨ 

  5. $PSF8FC7JUBMTͱ͸ w ࠓ·Ͱ͸ࢦඪ͕ͳ͔ͬͨͷ͔ʁ w ैདྷ͸ผͷࢦඪ͕͋ͬͨ 

  6. $PSF8FC7JUBMTͱ͸ w Ҏલࢲ΋঺հͨ͜͠Μͳˣ΍ͭͰ͢ 

  7. $PSF8FC7JUBMTͱ͸ w ͳͥมΘͬͨͷ͔ w ΑΓϢʔβମݧʹدΓఴͬͨࢦඪͱ͢ΔͨΊʹݟ௚͞Εͨ
 ΑΓΑ͍ࢦඪͱ͢ΔͨΊຖ೥ݟ௚͠༧ఆͱͷ͜ͱ 

  8. $PSF8FC7JUBMTͱ͸ w $PSF8FC7JUBMTͱ͸ w Ϣʔβʔମݧͷ࣭Λଌఆ͢ΔͨΊͷύϑΥʔϚϯεࢦඪ 

  9. $PSF8FC7JUBMTͷͭͷࢦඪ w $PSF8FC7JUBMTʹ͸ͭͷࢦඪ͕͋Γ·͢ w ᶃಡΈࠐΈ࣌ؒɺᶄΠϯλϥΫςΟϒੑɺᶅࢹ֮తͳ҆ఆੑ  https://developers-jp.googleblog.com/2020/05/web-vitals.html

  10. $PSF8FC7JUBMTͷͭͷࢦඪ w ᶃಡΈࠐΈ࣌ؒ w -$1ʢ-BSHFTU$POUFOUGVM1BJOUʣ w ओཁͳίϯςϯπ͕ಡΈࠐ·ΕͨλΠϛϯάͷ͜ͱ w ϩʔυ։࢝ʙ-$1͕ඵҎ಺Ͱ͋Δ͜ͱ͕໨҆ w

    ϖʔδ͕දࣔ͞ΕΔ·Ͱͷ͕࣌ؒ௕͍ͱ଴ͬͯΒΕͳ͍ΑͶͬ ͍ͯ͏ࢦඪ 
  11. $PSF8FC7JUBMTͷͭͷࢦඪ w ᶄΠϯλϥΫςΟϒੑ w '*%ʢ'JSTU*OQVU%FMBZʣ w ೖྗՄೳʹͳΔ·Ͱͷ଴ͪ࣌ؒͷ͜ͱ w ϛϦඵҎ಺Ͱ͋Δ͜ͱ͕໨҆ w

    ϖʔδ͕ݟ͑ͯΔͷʹೖྗͰ͖ͳ͍ͱΠϥΠϥͪ͠Ό͏ΑͶͬ ͍ͯ͏ࢦඪ 
  12. $PSF8FC7JUBMTͷͭͷࢦඪ w ᶅࢹ֮తͳ҆ఆੑ w $-4ʢ$VNVMBUJWF-BZPVU4IJGUʣ w ίϯςϯπ͕ͲΕ΄Ͳ҆ఆ͍ͯ͠Δ͔ ಈ͔ͳ͍͔ Λࣔ͢ࢦඪ w

    Ҏ಺Ͱ͋Δ͜ͱ͕໨҆ʢಠࣗʹࢉग़ͨ͠਺஋ ʣ w දࣔ͞Εͨίϯςϯπ͕ΧΫϯͱಈ͖ճΔͱΠϥΠϥ͢ΔΑͶ ͍ͬͯ͏ࢦඪ 
  13. σϞ w ᶄΠϯλϥΫςΟϒੑ w දࣔ͞ΕͯΔͷʹதʑԡͤͳ͍Ϙλϯ w ᶅࢹ֮తͳ҆ఆੑ w ͍ͭ΋ͷϦϯΫΛԡͨͯ͘͠଴ͪߏ͑ͯͨΒ
 ΧΫϯͱͣΕͯ޿ࠂʹΞΫηε

    
  14. ·ͱΊ w $PSF8FC7JUBMTͱ͸Կͳͷ͔஌Δ w Ϣʔβʔମݧͷ࣭Λଌఆ͢ΔͨΊͷύϑΥʔϚϯεࢦඪ w $PSF8FC7JUBMTͷͭͷࢦඪΛ஌Δ w ᶃಡΈࠐΈ࣌ؒɿ-$1ɾɾϩʔυ͸଎͍ํ͕͍͍ w

    ᶄΠϯλϥΫςΟϒੑɿ'*%ɾɾݟ͔͑ͯΒೖྗͰ͖Δ·Ͱ଎͍ํ͕͍͍ w ᶅࢹ֮తͳ҆ఆੑɿ$-4ɾɾίϯςϯπ͸ಈ͔ͳ͍ํ͕͍͍ 
  15. ͋Γ͕ͱ͏͍͟͝·ͨ͠