Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Core Web Vitals についてあれやこれや
Search
Masayuki Maekawa
September 04, 2021
Marketing & SEO
1
420
Core Web Vitals についてあれやこれや
2021/09/04(土)
合同勉強会 in 大都会岡山 -2021 Summer Online-
でのセッションスライドです。
Masayuki Maekawa
September 04, 2021
Tweet
Share
More Decks by Masayuki Maekawa
See All by Masayuki Maekawa
解決策をひとつ増やそう!ブラウザ拡張機能作成のススメ
maepon
1
560
拡張機能でええんちゃう?
maepon
1
600
UDフォントの話
maepon
0
400
箱ひげ図
maepon
0
600
大規模サイトにおけるSEO観点でのURL設計
maepon
4
4k
ミーティングの「進行役」を考える
maepon
1
590
ミーティングの「進行役」考
maepon
1
590
DB使わずWordPressのデータ取得
maepon
0
590
JavaScriptの読み込みを考える〜場所、async、defer、その仕組みと使い所〜
maepon
3
2.7k
Other Decks in Marketing & SEO
See All in Marketing & SEO
Winning at Ecommerce SEO Now And Trends to Watch
aleyda
1
740
Manchester DM - How eCommerce Faceted Navigation can either Supercharge or Sabotage SEO
chrisleverseo
0
100
How Search Happens: Before & After you Click Enter @ SearchAfricon
davetheseo
0
120
BrightonSEO: Advanced SEO techniques with .htaccess
jancaerels
1
390
Save months of work using programmatic SEO to create landing pages
vroscow
0
180
End of SEO as We Know It (SMX Advanced Version)
ipullrank
1
3.1k
Google's AI Overviews - The New Search
badams
0
740
BrightonSEO: Lumenlab - Accelerating results with SEO A/B Testing & Edge SEO
koenleemans
2
470
(再)ひとり技術広報からの脱却 / Re:Breaking away from one-man technical public relations
seike460
PRO
1
220
The State of Global E-commerce SEO - How to Maximize Visibility & Trends to Watch #IntSS
aleyda
2
570
What the f**k is alt-text, and how do you write it?
liamcumber
0
360
A Friggin' Sweet Insider Guide to Google Sheets for SEO
greggifford
PRO
2
570
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Unsuck your backbone
ammeep
671
58k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
A better future with KSS
kneath
239
17k
Embracing the Ebb and Flow
colly
86
4.7k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
The Invisible Side of Design
smashingmag
299
51k
What's in a price? How to price your products and services
michaelherold
246
12k
Transcript
$PSF8FC7JUBMT ʹ͍ͭͯ͋Ε͜Ε ߹ಉษڧձJOେձԬࢁ4VNNFS0OMJOF લণ
֓ཁ ͜ͷय़ɺ Σϒք۾ͰԿ͔ͱΛूΊ͍ͯͨ$PSF8FC7JUBMT $87 ɻ (PPHMFͷݕࡧ݁ՌͷϥϯΩϯάཁҼʹՃ͑ΒΕΔ ͱ͍͏ ͜ ͱͰɺ
͍ΘΏΔ4&0ͷਓ͚ͨͪͩͰͳ͘ɺ Σϒ੍࡞ͷਓͨͪ ᨣᨣͰͨ͠ɻ Φ ϛ ΧϨ ͝ଟʹ࿙ΕͣରԠΛߦ͍· ͨ͠ͷͰɺ ͦͷৼΓฦΓతʹΞϥΧϧτͰհ͠ ·͢ɻ
ࣗݾհ w લণ ʢ· ͔͑Θ· ͞Ώ͖ʣ w גࣜձࣾɹΦ ϛΧϨ
w %FWFMPQNFOU%JSFDUPS w 'SPNPLBZBNBKT
ࠗ׆ͱ͍͑Φ ϛ Χ Ϩ
$PSF8FC7JUBMT $87 IUUQTEFWFMPQFSTKQHPPHMFCMPHDPNXFCWJUBMTIUNM
ͯ͢ͷΣϒΤΫεϖϦΤϯεʹͱ ͬͯ ॏཁͳڞ௨γάφϧɺ ͭ· Γ ʮ$PSF8FC7JUBMTʯ
݄Α Γɺ ϥϯΩϯάཁҼʹ IUUQTEFWFMPQFSTHPPHMFDPNTFBSDICMPHNPSFEFUBJMTQBHFFYQFSJFODF
ࠓճͷߋ৽༏Εͨ ϢʔβʔΤΫεϖϦΤϯεΛఏڙ͢Δ ϖʔδΛϋΠ ϥΠ τ͢Δ Α ͏ʹ
ઃܭ͞Ε͍ͯ·͢
ϖʔδΤΫεϖϦΤϯεɺ (PPHMFͷγεςϜ͕ߟྀ͢Δ ଟ͘ ͷཁૉͷ͏ ͪͷͭͰ͢ɻ ͦͷͨΊɺ ҰൠతʹαΠ
τʹ େ෯ͳมԽ͕ى͜ ΔΘ͚Ͱ͋Γ ·ͤΜɻ
ޚଟʹӮΕͣɺ Φ ϛ ΧϨରԠΛ͠ · ͨ͠
ͨͿΜօ͞Μ͕ฉ͖͍ͨ͜ ͱ
ରԠͯ͠ॱҐ্͕ͬͨ ʁ
͓͑͠ ·͢
ʮ͜ΕͰ্͕ͬͨʯ ͱ͍͏ೝࣝ͋ Γ ·ͤΜ
͜ͷࠒͷಈ͖ w ݄ ɿ $87ͷϥϯΩϯάө w ݄ ɿ ίΞΞ ο
ϓσʔ τ w ݄ ɿ ίΞΞ ο ϓσʔ τ
͜ͷࠒͷಈ͖ w ݄ ɿ $87ͷϥϯΩϯάө w ݄ ɿ ίΞΞ ο
ϓσʔ τ w ݄ ɿ ίΞΞ ο ϓσʔ τ ίΞΞ ο ϓσʔ τͷӨڹ͕ᴴ͔ʹେ͖ ͘ɺ ଌఆෆೳ
$73ͱ্͔͕ͬͨͷ ʁ
ίϩφͷӨڹ͕େ͖͗ͯ͢ɺ قઅࢦݟ͑ͣΘ͔Βͳ͍ ʢٽ
Ͱɺ ͓͖ͬͯ͘ɺ ͱࠓࢥͬͯ·͢
Ͳ͏͍͏ରԠΛ͔ͨ͠ʁ
$PSF8FC7JUBMTͷ߲ w -BSHFTU$POUFOUGVM1BJOU -$1 w 'JSTU*OQVU%FMBZ '*% w
$VNVMBUJWF-BZPVU4IJGU $-4
-BSHFTU$POUFOUGVM1BJOU -$1 w ϖʔδ͕࠷ॳʹϩʔ υΛ։࢝ͨ͠ͱ ͖ ͱ͔Βɺ Ϗϡʔϙʔ τʹදࣔ͞ΕΔ࠷େͷ
ը૾·ͨςΩε τ ϒϩοΫͷϨϯμϦ ϯά࣌ؒ w ͍Θɺ ϖʔδͷදࣔ
'JSTU*OQVU%FMBZ '*% w Ϣʔβʔ͕࠷ॳʹϖʔδΛૢ࡞͔ͯ͠Βɺ ϒϥβʔ͕࣮ࡍʹॲཧΛ։࢝Ͱ͖ ΔΑ ͏ʹͳΔ ·Ͱͷ࣌ؒ w
͍Θɺ 6*ͷԠ
$VNVMBUJWF-BZPVU4IJGU $-4 w ϖʔδͰൃੜ͢Δ༧ظ͠ͳ͍ϨΠ Ξ τγϑ τͷଌఆ w ͦͷͭ Γແ͍ͷʹࠂͱ͔Λλ
ο ϓͯ͠͠ · ͏Ϡπ
ͦΕͧΕͷରԠ -$1$-4'*% '*%ʹ͍ͭͯಛʹରԠͷඞཁͳ͔ͬͨ $-4ʹ͍ͭͯϖʔδදࣔޙͷࠩ͠ࠐΈίϯςϯπΛॳظදࣔʹ ˞Φ ϛΧ Ϩͷ߹
-$1ରԠ w ج४ඵҎԼ w ඪඵҎԼ w ରԠલඵɺ ͞ Βʹ͍߹
1BHF4QFFE*OTJHIUT͕ग़ͯ͘͠ ΔଟͷରԠ߲ άάͬͨΒग़ͯ͘ ΔରԠํ๏ ίϯαϧͷࢦఠ 8FCQͱ͔$44ͷϓϩύςΟ ͱ͔
1BHF4QFFE*OTJHIUT͕ग़ͯ͘͠ ΔଟͷରԠ߲ άάͬͨΒग़ͯ͘ ΔରԠํ๏ ίϯαϧͷࢦఠ 8FCQͱ͔$44ͷϓϩύςΟ ͱ͔ ܾΊखʹͳ Γ ·ͤΜ
ޠฐ͕͋ΔͷͰલఏͷ͓ w Φ ϛΧ ϨϝϯόʔʹΑ Δϑϩϯ τ࣮ɺ ͦΜͳʹແ͍ͯ͠ͳ͍ w ͳͷͰɺ
େ͖ ͘ᆝଛͱͳΔΑ ͏ ͳࣄ͢ͰʹରԠ͍ͯ͠Δঢ়ଶ w ʹ͋;Ε͍ͯΔͷϑϩϯ τΤϯ υ·ΘΓͷ͜ ͱ͔Γ w νϦ πϞ൱ఆ͠ͳ͍͕ɺ νϦνϦ
Φ ϛ Χ ϨͰ-$1ͷͨΊʹߦͬͨओͳ͜ ͱ w -$1ରίϯςϯπͷݻఆ w 55'#ݮ
-$1ରίϯςϯπͷݻఆ -$1ରίϯςϯπ ͱ ͯ͜͠ΕΛՃ
-$1ରίϯςϯπͷݻఆ -$1ରίϯςϯπ ͱ ͯ͜͠ΕΛՃ Ͱͳ͍ͱɺ ͜ ͪ Β͕-$1ͱೝࣝ͞Εɺ ͍͢͝ʹ
-$1ରίϯςϯπͷݻఆ %FW5PPMTͰ֬ೝͰ͖ ·͢
-$1ରίϯςϯπͷݻఆ ͜ ͜ͷ໘ੵ͕૬ରతʹখ͍͞ͱ ͜ ͬ ͕ͪ-$1ʹͳͬͨΓ ͑Δը૾ͷαΠ ζΛϧʔϧԽ
55'#ݮ 5JNF5P'JSTU#JUFཁαʔόʔͷॲཧ࣌ؒ
͋͑ͯݴ͏ ͱɺ 55'#Ͱඵ͔͔͍ͬͯΕɺ ԿΛͯ͠ແବ
55'#ݮ w Φ ϛΧ ϨͷΞʔΩςΫνϟ ͱ ͯ͠ɺ 1)1ͷΞϓϦέʔγϣϯαʔό͔Β"1*ʹ)551Ͱଓ͍ͯ͠Δ w
"1*͕ଈϨεϙϯεΛฦͯ͠NT͙ Β͍ফඅͯ͠͠ · ͏ w όονͰग़ྗ͍ͯ͠Δ੩త+40/ϑ ΝΠϧͷಡΈࠐΈ)551 w ͜Ε͕ͨ·ʹNT͙ Β͍ʹͳΔ ͜ ͱ͕͋Δ
55'#ݮ w $MPVE'SPOUͷίϯςϯπΩϟ ογϡΛར༻͍ͯ͠Δ͕ɺ ώ ο τ w ώ ο
τ͢Δ ͱNTҎԼͰฦ͕͢ɺ ώ ο τ ͍ͯ͠ͳ͍࣌ܭଌ͞ΕΔ w ΤοδαʔόʔͷΩϟ ογϡΥʔ ϛ ϯάݕ౼͕ͨ͠ɺ ͋· Γݱ࣮తͰͳ͍͠ɺ "84ͷ υΩϡϝϯ τݟΔݶΓਪ ͞Ε͍ͯͳ͍ͷͰ٫Լ
55'#ݮ w 55'#ͷඪΛඵʹઃఆ ʢඵΛແཧʹૂΘͳ͍ʣ w ؔ͝ͱͷ࣌ؒଌఆˠϦ ϑ ΝΫλ Ϧ
ϯά w .FNDBDIFEͷపఈ׆༻ w Ωϟ ογϡΥʔ ϛ ϯάͷಋೖ
55'#ݮ w Ϟχλ Ϧ ϯά1BHF4QFFE*OTJHIUTͷ"1*Ͱ55'#Λऔಘͯ͠ه w $BUDIQPJOUͱ͔͍͍͚ͨͲɺ ίϩφγϣ οΫ͍ w
ͱ Γ͋͑ͣݮʹޭ
ΦʔϧάϦ ʔϯୡ ʂ
· ͱΊ w ରԠͯ͠ॱҐ্͕͕Δ ͱ͔ظ͠ͳ͍ w Ͱɺ Ϧ ϑ ΝΫλ
Ϧ ϯάʹϦ ιʔεΛೖ͢Δ ͓ͱ ͯ͠ͱͯେ͖͍ w ϑϩϯ τΤϯ υͰղܾ͠Α ͏ ͱ ͕͚ͪͩ͠Ͳɺ ଟղܾ͠ͳ͍ ͜ ͱ͕ଟ͍ w ·ͣ55'#ΛΈΖ ʂ
͋ Γ ͕ͱ ͏ ͍͟͝· ͨ͠ !NBFQPO