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
400
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
520
拡張機能でええんちゃう?
maepon
1
560
UDフォントの話
maepon
0
370
箱ひげ図
maepon
0
560
大規模サイトにおけるSEO観点でのURL設計
maepon
4
3.8k
ミーティングの「進行役」を考える
maepon
1
560
ミーティングの「進行役」考
maepon
1
570
DB使わずWordPressのデータ取得
maepon
0
560
JavaScriptの読み込みを考える〜場所、async、defer、その仕組みと使い所〜
maepon
3
2.6k
Other Decks in Marketing & SEO
See All in Marketing & SEO
Data Driven SEO: A Framework Based Approach
knagayama
0
220
どの種は何の花を咲かす?DevRelのターゲットオーディエンスを知ることの意味
taijihagino
PRO
2
260
Beyond Algorithms: customer-centric SEO as the key to long-term success
julianhooks
0
160
Umře SEO kvůli generativní AI?
pavelungr
0
180
Brighton-SEO-Performance-Max-Presentation-External
emilyschaffer
1
110
Your biggest SEO threat is not AI Overviews (or other Google updates) - Eduard Blacquière - SEO Benelux Conference 2024
edwords
2
380
BrightonSEO 2024 - Copy that Converts - Tasmin Lofthouse
fikadigital
1
180
WordPress と SendGrid でユーザーコミュニケーション〜Webメディア受託制作の現場から
fumikito
0
150
Advanced Core Web Vitals & User Experience Masterclass
manuelmadeddu
1
170
How to Schedule Content Effectively with the Best Social Media Scheduling Tool
yollandasettlewriter
0
310
企業がより良い取引のためにImmediate Edgeーションを活用するには?
davidmurray
0
100
brightonSEO 2024: How to Relaunch a Website without Ruining SEO
tinareis
0
400
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
336
57k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Side Projects
sachag
452
42k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
How to train your dragon (web standard)
notwaldorf
91
5.9k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Documentation Writing (for coders)
carmenintech
67
4.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Thoughts on Productivity
jonyablonski
69
4.5k
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