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
550
拡張機能でええんちゃう?
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
Joao Filipe Pereira - Predicting Core Web Vitals impact using Google Sheets [BrightonSEO April 2025]
joao_f_pereira
1
300
Unlocking SEO wins with Cloudflare workers: no devs required!
chrisleverseo
1
340
Manchester DM - How eCommerce Faceted Navigation can either Supercharge or Sabotage SEO
chrisleverseo
0
100
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
190
Going beyond "what happened" in SERP analytics (brightonSEO San Diego 2024)
raygrieselhuber
PRO
0
600
Despegando en Google Discover: 14 horas de vuelo para vender unos auriculares
clarasoteras
1
180
How to Evolve your SEO Strategy to Account for Gemini and other AI search functions
amandafloq
0
230
Umře SEO kvůli generativní AI?
pavelungr
0
220
The Keys for SEO Success Now: What it Takes and How To Tackle Challenges
aleyda
0
280
Topical Authority na Era do Entity SEO
felipebazon
0
210
Google Analytics 4 vs. Adobe Analytics
kieramonaghan
1
260
0-Click SEO. How to optimize for visibility, awareness and memorability.
gfiorelli1
0
180
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Code Review Best Practice
trishagee
68
18k
Six Lessons from altMBA
skipperchong
28
3.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Writing Fast Ruby
sferik
628
61k
Being A Developer After 40
akosma
90
590k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Faster Mobile Websites
deanohume
307
31k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Adopting Sorbet at Scale
ufuk
77
9.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
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