Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Googleが推奨するCore Web Vitalsとは
microCMS
February 09, 2022
Marketing & SEO
0
730
Googleが推奨する Core Web Vitalsとは
Googleが検索順位を決める要素として重視している点・Core Web Vitalsの3指標・Core Web Vitalsの確認方法・測定と改善の流れ例についてのスライドです。
microCMS
February 09, 2022
Tweet
Share
More Decks by microCMS
See All by microCMS
microCMS - Company Deck
microcms
3
2.3k
microCMS × Shopifyで、ECサイトがリニューアル後急成長した話
microcms
1
1.3k
microCMS × OpenAPIで高速かつ安全な開発を行う話
microcms
1
980
iframeフィールドでコンテンツとあらゆるAPIをつなぎこもう
microcms
0
710
LCP / FID / CLSを改善する実装方法
microcms
1
830
Other Decks in Marketing & SEO
See All in Marketing & SEO
NewsPics利用ユーザーインタビューサマリー
sairu_inc
0
1.7k
The democratization of SEO
jonoalderson
0
170
How to Develop International SEO Audits for Success #IntSS
aleyda
3
420
Understanding the "dark side" of ecommerce
sampenno
0
250
Into the Great Unknown - MozCon
thekraken
2
290
コミュニティ自走しない問題の処方箋? 「参与感」なる概念の話
komaya
0
4.3k
お手軽ベイジアンABテスト_tokyor_20221022/easy_bayesian_ab_testing
florets1
0
240
Building a Modern Day E-commerce SEO Strategy
aleyda
6
4.5k
220613 フェイスブックグループを活用したマーケティング応用術とは? DUKEさん
comucal
PRO
0
6.4k
持続的なサービス提供のための計測と分析
miyabigouji
0
130
Level Up Meeting Productivity with Action-Oriented Meeting Agendas
caitlinhathaway
1
330
メディア運営の失敗談あれこれ_20230121
onwainc
0
130
Featured
See All Featured
Pencils Down: Stop Designing & Start Developing
hursman
114
10k
A better future with KSS
kneath
230
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
22
1.4k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
Facilitating Awesome Meetings
lara
33
4.6k
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
Become a Pro
speakerdeck
PRO
6
3.2k
Optimizing for Happiness
mojombo
365
64k
Ruby is Unlike a Banana
tanoku
93
9.5k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
GitHub's CSS Performance
jonrohan
1020
430k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
128
8.8k
Transcript
(PPHMF͕ਪ͢Δ $PSF8FC7JUBMTͱ 1
$PSF8FC 7JUBMTͷલʹɾɾɾ 2 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ίΞΞοϓσʔτ ʢίΞΞϧΰϦζϜΞοϓσʔτͷུশʣ (PPHMF͕ݕࡧΞϧΰϦζϜΛݟͯ͠ ݕࡧ݁ՌΛେ෯վળ͢ΔͨΊͷΞοϓσʔτͷ͜ͱɻ (PPHMF͕ެࣜʹࣄલࠂޙʹʹʙճఔ࣮ࢪɻ
3 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ΞοϓσʔτͷதΛͬͯɺ దͳରࡦΛߦ͏͜ͱ͕ॏཁɻ ͜ͷΞοϓσʔτʹΑΓɺ֤ϖʔδͷΩʔϫʔυॱҐ͕େ෯ʹ্ঢɺ ͘͠Լམ͢ΔͳͲͷݕࡧॱҐͷೖΕସΘΓ͕ى͖͘͢ͳΓɺ 4&0ͷӨڹ͕ग़Δ͜ͱɾɾɾɻ
4 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE $PSF8FC7JUBMT ʢίΞΣϒόΠλϧʣ (PPHMF8FC্Ͱ༏ΕͨϢʔβʔମݧΛఏڙ͢ΔͨΊͷඞཁ߲ʹ ݄ʙݕࡧॱҐΛܾΊΔཁૉʹஈ֊తʹಋೖ͢Δͱެࣜൃද ۙͷΞοϓσʔτͰͷ৽ͨͳϥϯΩϯάཁҼʮ$PSF8FC7JUBMTʯ ʢ݄ʣ
(PPHMF͕ݕࡧॱҐΛܾΊΔཁૉͱͯ͠ॏࢹ͍ͯ͠Δ͜ͱ 5 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ίϯςϯπͷ࣭ɾධՁ ݕࡧΩʔϫʔυͱͷؔ࿈ੑ 69ɿϢʔβʔମݧ ʢϢʔβʔΤΫεϖϦΤϯεʣ υϝΠϯͷڧ͞ Ϣʔβʔͷॴɾߦಈɾݴޠ
ઐੑɾ৴པੑɾɾϨϏϡʔɾඃϦϯΫ -$1 '*% $-4 $PSF 8FC 7JUBMT ϞόΠϧϑϨϯυϦʔ ηʔϑϒϥδϯά HTTPS௨৴ Θ͍͠ΠϯλʔεςΟγϟϧ͕ͳ͍ NEWʂ աڈͷ Ξοϓ σʔτ ʢεϚϗӾཡରԠʣ ʢίϯςϯπͷ҆શੑʣ ʢ44-௨৴ͰݸਓใΛอޢʣ ʢϙοϓΞοϓࠂ͕ग़͙ͯ͢ʹίϯςϯπʹΞΫηεͰ͖ͳ͍ʣ ʢϖʔδɾίϯςϯπͷࢹ֮త҆ఆੑʣ ʢϖʔδͷԠੑʣ ʢϖʔδͷදࣔʣ
$PSF8FC7JUBMTͷࢦඪ 6
ϖʔδͷදࣔΛଌΔʮ-$1ʯ 7
ϖʔδͷදࣔΛଌΔʮ-$1 -BSHFTU$POUFOUGVM 1BJOU ʯ 8 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ϖʔδͰҰ൪େ͖ͳίϯςϯπ ʢςΩετɾը૾ɾಈըͳͲʣ͕ දࣔ͞ΕΔ·Ͱͷ࣌ؒ
Ұ൪େ͖ͳίϯςϯπ ページの中でどのコンテンツが⼀番⼤きいと⾒なされるかは PageSpeed Insightsで確認できます。
ϖʔδͷදࣔΛଌΔʮ-$1ʯ 9 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE είΞͷ͕͍ʹද͕͍ࣔ ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ ඵ ඵ
ϖʔδͷԠੑΛଌΔʮ'*%ʯ 10
ϖʔδͷԠੑΛଌΔʮ'*% 'JSTU*OQVU%FMBZ ʯ 11 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE Ϣʔβʔ͕ϖʔδͰ࠷ॳʹΞΫγϣϯΛ͔ͯ͠Βϒϥβ ͕ͦͷૢ࡞ʹԠ͢Δ·Ͱͷ࣌ؒɻ ʢϦϯΫΫϦοΫϘλϯͷλοϓɺςΩετೖྗͳͲʣ ΞΫγϣ
ϯͨ͠ૢ ࡞͕Ԡ αΠτΛ๚Εͨࡍɺϖʔδ͕දࣔ͞Ε͍ͯΔͷʹϦϯΫ͕ΫϦοΫͰ͖ͳ͍߹ɺϢʔβʔετϨε Λײ͡·͢ɻಛʹԿΒ͔ͷૢ࡞Λߦ͏ඞཁ͕͋ΔϖʔδͰϢʔβʔମݧͱͯ͠ॏཁʹͳΓ·͢ɻ
'*% 'JSTU*OQVU%FMBZ ͱ 12 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ ϛϦඵ
ϛϦඵ είΞͷ͕͍ʹԠ͕͍࣌ؒ
ࢹ֮తͳ҆ఆੑΛଌΔʮ$-4ʯ 13
ࢹ֮తͳ҆ఆੑΛଌΔʮ$-4 $VNVMBUJWF-BZPVU4IJGU ʯ 14 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ϖʔδಡΈࠐΈதͷ༧ظͤ͵ϨΠΞτͷͣΕ ྫʣϖʔδΛ։͍ͨޙʹಥવࠂ͕ݱΕͯԡͭ͢Γͷͳ͍όφʔΛΫϦοΫͯ͠͠·͏ͳͲ ʢը૾ϘλϯͳͲͷදࣔҐஔʣ ݟग़͠
ຊจຊจຊจຊจຊ จຊจຊจຊจຊจ ຊจຊจຊจຊจຊ ଓ͖ΛಡΉ ຊจຊจຊจຊจ ࣍ͷݟग़͠ ݟग़͠ ຊจຊจຊจຊจຊ จຊจຊจຊจຊจ ຊจຊจຊจຊจຊ ࠂόφʔ͕ग़ݱ ࠂ͕දࣔ͞Εɺ ϨΠΞτ͕Ҡಈ ଓ͖ΛಡΉ
$-4 $VNVMBUJWF-BZPVU4IJGU ͱ 15 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE දࣔը໘ͰϢʔβʔͷૢ࡞͕ͳ͍ͷʹൃੜͨͣ͠ΕΛ ϨΠΞτγϑτείΞ ʹӨڹΛड͚ͨ໘ੵ Ҡಈͨ͠ڑͷׂ߹Ͱࢉग़ɻ
͕খ͍͞΄Ͳ69͕ྑ͍ͱ͞Εɺ$-4ʹ୯Ґ͕ͳ͍ ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ
$PSF8FC7JUBMTͷ֬ೝํ๏ 16
-$1'*%$-4ͷείΞΛ࣮ࡍʹଌఆͯ͠Έ·͠ΐ͏ 17 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE (PPHMFɺ-$1'*%$-4ΛՄࢹԽ͢Δπʔϧ Λ͍͔ͭ͘ఏڙ͍ͯ͠·͢ͷͰɺͦΕͧΕղઆͯ͠ ͍͖·͢ɻ
$ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋεʣ 18 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE αΠτͷͷಛఆϢʔβʔମݧվળʹ׆༻Ͱ͖Δଌఆπʔϧɻ (PPHMF$ISPNFͷ֦ுػೳͰΠϯετʔϧ͓͍ͯͯ͠ɺଌఆ͍ͨ͠ϖʔδ Λ։͖ɺϘλϯΫϦοΫͭͰଌఆ͕Մೳɻ ੳ͍ͨ͠ϖʔδΛදࣔ͠ɺ ϒϥβӈ্ͷ-JHIUIPVTFΞΠίϯ ʢ౮ͷϚʔΫʣΛΫϦοΫ
(PPHMF$ISPNFʹ֦ுػೳͱͯ͠ ͋Β͔͡ΊΠϯετʔϧ͓ͯ͘͠ ʮ(FOFSBUFSFQPSUʯϘλϯΛΫϦοΫ
$ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋεʣ 19 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE NJDSP$.4Ͱ࡞ͨ͠ϒϩάͷσεΫτοϓΛܭଌͨ݁͠Ռ
20 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ※LighthouseͰFIDදࣔ͞ΕͣɺΘΓʹ ྨࣅࢦඪͷTBTʢTotal Blocking Timeʣ͕දࣔ͞Ε·͢ɻ $ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋεʣ ֤ࢦඪ͜Μͳ෩ʹදࣔ͞Ε·͢ -$1
$-4 '*%
$ISPNF֦ுػೳɿ $PSF8FC7JUBMT 21 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE -JHIUIPVTFಉ༷ʹ(PPHMF$ISPNFͷ֦ுػೳͰΠϯετʔϧ͓ͯ͠ ͘ͱɺଌఆ͍ͨ͠ϖʔδΛ։͖ϘλϯΫϦοΫͰείΞ͕ଌఆͰ͖Δ ʢ'*%ͷଌఆҰϖʔδΛΫϦοΫ͓ͯ͘͠ඞཁ͋Γʣ
$ISPNF֦ுػೳɿ $PSF8FC7JUBMT 22 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ֤ࢦඪ͜Μͳ෩ʹදࣔ͞Ε·͢ FIDͷଌఆʹҰϖʔδΛΫϦοΫ ͓ͯ͘͠ඞཁ͕͋Γ·͢ -$1 $-4
'*%
(PPHMF4FBSDI$POTPMFʢάʔάϧαʔνίϯιʔϧʣ 23 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE Ϣʔβʔ͕αΠτʹ๚ΕΔલͷσʔλαΠτܝࡌॱҐͷ֬ೝɾվળ ʹཱͭπʔϧ ˞ར༻Ͱ͖Δσʔλ͕গͳ͍ʢӾཡ͕গͳ͍ʣ߹දࣔ͞Εͳ͍͜ͱ
(PPHMF4FSDI $POTPMFʢάʔάϧαʔνίϯιʔϧʣ 24 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE NJDSP$.4ϒϩάͷϞόΠϧΛܭଌͨ݁͠Ռ ࠨϝχϡʔͷʮΣϒʹؔ͢ΔओͳࢦඪʯΛΫϦοΫͰࢦඪͷঢ়ଶ͕֬ೝͰ͖Δ
1BHF4QFFE *OTJHIUTʢϖʔδεϐʔυΠϯαΠτʣ 25 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE 63-ͷೖྗʴੳϘλϯΫϦοΫͰɺϞόΠϧ 1$ͦΕͧΕͷಡΈࠐ Έͱ$PSF8FC7JUBMTͷείΞ͕ܭଌͰ͖Δ ˞ར༻Ͱ͖Δσʔλ͕গͳ͍ʢӾཡ͕গͳ͍ʣ߹දࣔ͞Εͳ͍͜ͱ
1BHF4QFFE *OTJHIUTʢϖʔδεϐʔυΠϯαΠτʣ 26 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ֤ࢦඪ͜Μͳ෩ʹදࣔ͞Ε·͢ -$1 $-4 '*%
ଌఆͱվળͷྲྀΕྫ 27 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE Ͱվળ͕ඞཁͳϖʔδʮ1BHF4QFFE *OTJHIUTʯͰৄ͍͠அ݁ՌΛ֬ೝ վળ͕ඞཁͳϖʔδ֘ՕॴΛʮ4FBSDI$POTPMFʯͰ֬ೝ ͷ݁ՌʢվળͰ͖Δ߲ʣΛࢀߟʹαΠτͷमਖ਼ मਖ਼͕ྃͨ͠Βʮ4FBSDI$POTPMFʯͰ࠶֬ೝ 1
2 3 4 5 αΠτશମͷείΞΛʮ -JHIUIPVTF ʯʮ $PSF8FC7JUBMTʯͰ֬ೝ