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
370
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
300
拡張機能でええんちゃう?
maepon
1
470
UDフォントの話
maepon
0
280
箱ひげ図
maepon
0
430
大規模サイトにおけるSEO観点でのURL設計
maepon
4
3.3k
ミーティングの「進行役」を考える
maepon
1
490
ミーティングの「進行役」考
maepon
1
530
DB使わずWordPressのデータ取得
maepon
0
490
JavaScriptの読み込みを考える〜場所、async、defer、その仕組みと使い所〜
maepon
3
2.4k
Other Decks in Marketing & SEO
See All in Marketing & SEO
How JAWS UG Nagoya thrives ~ Secret tips tips of monthly meetups since 2010
katzueno
2
220
【株式会社CrushOn】会社紹介資料
crushon
0
1.9k
Test 1
monoblocking12
0
430
JAKÉ SEO AI ZABIJE A JAKÉ POSÍLÍ
pavelungr
0
150
Oportunidades SEO a corto plazo: Cómo identificar y maximizarlas - #SCLArgentina
aleyda
1
370
Google‘s messy middle and what (ecommerce) SEOs need to know about it
neoseo
0
210
Keys to SEO Success in 2024 - #IGBAffiliate
aleyda
2
830
Food for (AI) Thought: Peak Ace Dinner Series - SMX Munich 2024
bastiangrimm
PRO
0
490
What about ai?
chapter42
0
130
学校様向け、i-GIP 2024 KYUSHU 説明資料
202200
0
110
Maillage interne et sites à forte volumétrie de pages - SEO Vibes Paris 2023
diije
PRO
1
450
Ecommerce Show - Imogen Collins - Leveraging AI in Digital Marketing
imogencollins
0
210
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
42
6.7k
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Adopting Sorbet at Scale
ufuk
67
8.6k
Raft: Consensus for Rubyists
vanstee
132
6.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
38k
Clear Off the Table
cherdarchuk
83
310k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
What the flash - Photography Introduction
edds
64
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
13
1.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
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