パフォーマンス改善
- LCP 7.6sから改善への取り組み
PageSpeed Insightsでモバイルパフォーマンス67点を記録。LCP(Largest Contentful Paint)が7.6秒と遅く、Element render delayが3,100msと非常に長いことが判明。初期アニメーション削減、画像最適化、GTM読み込み戦略の見直しを実施しました。また、Day 6のAEO測定ではCitation 0件、Mention 3件と、Day 5から後退しました。
AEO測定結果サマリー(Day 6)
0 / 14
← Day 5: 1/140% - Day 5から後退
3 / 14
← Day 5: 5/1421% - Day 5から減少
| 指標 | #001 (2/1) | #002 (2/2) | #003 (2/3) | #004 (2/4) | #005 (2/5) | #006 (2/6) |
|---|---|---|---|---|---|---|
| Citation | 0/14 (0%) | 0/14 (0%) | 0/14 (0%) | 0/14 (0%) | 1/14 (7%) | 0/14 (0%) |
| Mention | 4/14 (29%) | 3/14 (21%) | 3/14 (21%) | 3/14 (21%) | 5/14 (36%) | 3/14 (21%) |
「AEO対策ツール」クエリ:Day 5ではmention: true, citation: trueで公式LP(lp.sighted.tkbase.co.jp)が引用されていたが、Day 6ではmention: false, citation: falseに。AIの回答が物流・通関分野のAEO(Authorized Economic Operator)とWebマーケティングのAEO(Answer Engine Optimization)の2つの文脈に分けて説明される形式に変化し、Sightedは言及されていない。
Day 5ではPR TIMESのリリース経由でSightedが引用されていたが、Day 6では引用元が変わった可能性がある。構造化データ追加やパフォーマンス改善が影響した可能性もあるが、直接的な因果関係は不明。
• 「SightedのAEOスコアリング機能の料金プランは?」 - mention: true, citation: false(Day 5と同じ。構造化データ追加の効果は次回測定で確認)
• 「Sightedの公式サイトでベータ版に登録する方法は?」 - mention: true, citation: false(Day 5と同じ。sightedapparel.comが引用される混同は継続)
• 「SightedのサービスでAI検索可視性を改善する方法は?」 - mention: true, citation: false(Day 5と同じ。sightedby.ai等の他サービスが引用)
PageSpeed Insights結果(改善前)
67
モバイル(目標: 90以上)
7.6s
Element render delay: 3,100ms
• LCP 7.6s:Element render delay 3,100ms(HeroSectionの初期アニメーションが原因)
• 画像最適化:dashboard-demo.png 508.8 KiB → 494.7 KiB削減可能(Next.js Image最適化が無効)
• Render blocking CSS:150msブロック
• JavaScript実行時間:1.5s削減可能(GTM含む)
• Unused JavaScript:203 KiB削減可能(GTM 107.4 KiB含む)
• Forced reflow:framer-motion関連で複数箇所
• Legacy JavaScript:11 KiBのpolyfillが不要
実施した改善施策
問題:HeroSectionがRevealコンポーネントでラップされ、初期状態でopacity: 0になっていたため、Element render delayが3,100ms発生。
対応:app/page.tsxからHeroSectionのRevealラッパーを削除し、即座に表示されるように変更。dashboard-demo.pngのmotion.divアニメーションも削除し、通常のdivに変更。
期待効果:Element render delay 3,100ms → 0ms(LCP大幅改善)
問題:next.config.mjsでimages.unoptimized: trueが設定されており、画像最適化が無効。dashboard-demo.png(3830x2028px)が637x337pxで表示されているのに、元サイズのまま配信されていた。
対応:next.config.mjsを修正し、Image最適化を有効化。AVIF/WebP形式対応、deviceSizes/imageSizesを設定。dashboard-demo.pngとsighted-logo-full.pngにsizes属性を追加。
期待効果:dashboard-demo.png 494.7 KiB削減、sighted-logo-full.png 7.1 KiB削減
問題:GTMのScriptがstrategy="afterInteractive"で読み込まれており、初期レンダリングをブロック。Unused JavaScript 107.4 KiBが削減可能。
対応:app/layout.tsxのGTM Scriptをstrategy="lazyOnload"に変更し、ページ読み込み完了後に読み込むように変更。
期待効果:初期JavaScript実行時間削減、Unused JavaScript削減
問題:「Sightedの料金プランは?」「ベータ版に登録する方法は?」というクエリに対して、公式サイトが引用されていない。AIが引用時に質問に答えている内容を機械可読にしていない。
対応:SoftwareApplicationのoffersをStandard(月額4,890円)・Enterprise(要問い合わせ)の2プランで明示。FAQPageに「Sightedの料金プランは?」「ベータ版に登録する方法は?」を追加。Sighted Apparelとの区別もFAQ内で明記。
期待効果:AIが引用時に料金・ベータ版情報を正確に抽出可能。次回測定で効果検証予定。
改善内容の詳細
• app/page.tsx:HeroSectionのRevealラッパー削除
• components/landing/hero-section.tsx:dashboard-demo.pngのmotion.divアニメーション削除、sizes属性追加
• next.config.mjs:Image最適化有効化、AVIF/WebP対応
• app/layout.tsx:GTM Script読み込み戦略をlazyOnloadに変更、productSchemaのoffers拡張(料金構造化)
• components/ui/logo.tsx:sighted-logo-full.pngにsizes属性追加
• components/landing/structured-data.tsx:FAQPageに料金・ベータ版の質問を追加
• components/landing/faq-section.tsx:表示用FAQに料金・ベータ版の質問を追加
• LCP:7.6s → 3-4s程度(Element render delay 3,100ms削減)
• 画像サイズ:約500 KiB削減(Next.js Image最適化による自動リサイズ・形式変換)
• JavaScript実行時間:初期実行時間削減(GTM遅延読み込み)
• パフォーマンススコア:67 → 75-80程度(次回測定で検証)
AEO測定結果の考察
Q: なぜ「AEO対策ツール」でCitationが消えたのか?
Day 5ではPR TIMESのリリース経由でSightedが引用されていたが、Day 6ではAIの回答形式が変化し、物流・通関分野のAEOとWebマーケティングのAEOを分けて説明する形式になった。この結果、Sightedは言及されなくなった。AIの回答は毎回異なるため、一時的な変動の可能性もあるが、構造化データ追加やパフォーマンス改善が影響した可能性も否定できない。
Q: Mentionが5件から3件に減ったのはなぜ?
「AEO対策ツール」と「AEOモニタリング」の2クエリでMentionが消失。「AEO対策ツール」は上記の通り回答形式の変化が原因。「AEOモニタリング」はDay 5ではベストカレンダーの記事が引用されていたが、Day 6では引用されていない。AIの回答が変動しやすいことを示している。
Q: 構造化データ追加の効果は?
料金・ベータ版の構造化データ(Schema.org / FAQPage)を追加したが、Day 6の測定ではまだ効果は見られていない。構造化データの効果が出るには時間がかかる可能性がある。次回測定(Day 7以降)で効果を検証する必要がある。
Q: パフォーマンス改善がAEOに与える影響は?
LCP改善や画像最適化は、AIクローラーがサイトを読み込む速度に影響する可能性がある。ただし、Day 6でCitationが消えたこととの直接的な因果関係は不明。AIの回答変動は複数の要因(学習データ更新、引用元の変化、クエリ解釈の変化など)が絡むため、継続的なモニタリングが必要。
今後のアクション
- 次回PageSpeed Insights測定で改善効果を検証(LCP、パフォーマンススコア)
- 構造化データ追加の効果検証(Day 7以降の測定で料金・ベータ版クエリのCitation/Mention変化を確認)
- 「AEO対策ツール」クエリでの再引用を目指す(PR TIMES経由の認知を強化、または公式LPのコンテンツ強化)
- Render blocking CSSの改善(CSSの非同期読み込み検討)
- Forced reflowの解消(framer-motionの使用箇所見直し)
Sightedを使えば、この記事のような分析を自社サイトでも実施できます。Citation/Mentionの測定、競合比較、改善施策の効果検証が可能です。