この文書は、Framerを学んでいる国内ユーザーが韓国語の資料不足で直面する困難を解決するために、公式ブログの内容を韓国語に翻訳し、実務に役立つ情報を追加したものです。Framerを使用する皆さんにとって、少しでもお役に立てれば幸いです。

Framerは、サイト全体ではなく、各ページが初めて訪問されるときに最適化が自動で行われるシステムにアップデートされました。そのため、サイトを公開するたびにすべてのページを再度最適化する必要がなく、より高速な処理速度、一貫した性能、そして完璧なSEO品質を同時に維持することができます。

最適化とは何ですか？

Framerで制作されたサイトはReactベースのJavaScriptアプリケーションで、ブラウザでレンダリングされます。高速性、SEO、そしてAIに適した構造を確保するために、Framerはサーバーでページを事前にレンダリングします。このプロセスによりブラウザやクローラーが直接レンダリングする必要がなくなり、結果としてページの読み込み速度が大幅に向上します。この方式はサーバーサイドレンダリング（Server-Side Rendering、SSR）と呼ばれます。

以前は、サイトを公開する際にすべてのページを一括で読み込み、最適化していました。しかし、Framerは今では多言語サポート（Localization）やA/Bテストなど、柔軟な機能を提供しています。つまり、一つのページが複数のバージョンで生成される可能性があるため、これらのすべてのページを一度にレンダリングすることは非効率的であり、実際には不可能です。

動的最適化（Dynamic Optimization）

Framerはページの最適化の方法とタイミングを全面的に改善しました。今では、サイトを公開する際にすべてのページを一度に最適化しません。代わりに、ユーザーがページを初めて訪問した際に自動でそのページが最適化され、最適化された結果はキャッシュに保存され、新しいバージョンが公開されるまで再利用され続けます。

この新しい方式のおかげで、大規模なサイトでは最大1分以上かかっていた最適化時間が事実上なくなりました。どれだけページが多くても、ほとんどの場合1秒以内に最適化が完了します。

このシステムが安定して動作するように、Framerは単一ページのレンダリング速度そのものを大幅に向上させました。たとえ初訪問が全トラフィックの0.01%に過ぎなくても、その一回の体験が重要であると考えました。そのために、サイトレンダリング方式を最初から新たに設計し、バンドラーとコンパイラーを導入してパフォーマンスを根本から改善しました。

また、Framerは分析（Analytics）データに基づいて、ユーザーが最も頻繁に訪れる人気ページを自動で識別します。これにより、訪問者が実際にアクセスする前に、そのページを事前に最適化（Pre-Optimization）し、初回訪問速度もさらに速く滑らかに提供します。

段階的適用（Rollout）

Framerのページ別自動最適化機能は、2025年10月の1ヶ月にわたってすべてのサイトに段階的に適用される予定です。ユーザーは別途設定を変更する必要はなく、追加の処置を取る必要もありません。

以下の新しいステータスラベルが表示された場合、そのサイトは既にオンデマンド最適化（On-Demand Optimization）方式を使用していることを意味します。

• Pre-Optimizing（旧Optimizing）：ページ別自動最適化を準備しながら、主要ページを事前に最適化する段階

• Ready（旧Optimized）：主要ページは既に最適化が完了しており、残りのページは必要な時に自動で最適化される準備が整った状態

知っておくべきこと（Things to Know）

次の内容は技術的な詳細な動作を理解しようとするユーザーに役立つ情報です。

サイトを公開した直後は、すべてのページが新しく生成された状態です。このため、この時点で速度測定ツールを使用すると、実際よりも遅く表示されることがあります。しかし、CrUX（Chrome User Experience Report）などの総合的な性能指標には影響を与えません。大多数の訪問者は既に最適化されたページを見ることになるからです。

さらに、JavaScriptを実行しないクローラー（例：一部のAIやソーシャルメディアボット）がサイトを訪問した場合、まだ最適化されていないページであれば、最も最近最適化されたバージョンを代わりに提供します。これのおかげで、Framerのページ別自動最適化機能はAIおよびソーシャルメディアプラットフォームとも完全に互換性があります。

これらの2つの理由から、今回の変更はSEOに悪影響を全く与えません。むしろ、より多くのページを事前にレンダリング（Pre-rendering）でき、ページ別に多様な動的オプションと変形を適用して訪問者にカスタマイズされた体験を提供することができます。これにより、検索露出改善とサイト品質向上にもポジティブな効果を期待できます。

また、動的最適化の過程でページに重大な影響を与えるエラーが発生した場合、Framerはユーザーにメールで即時通知を送信します。このような状況は非常に稀で、ほとんどの警告（例：ネストされたリンクやカスタムコードに関するエラー）はページの一部にのみ影響を与えるため、全体の性能には大きな問題はありません。

本記事はFramer公式ブログの「Dynamic Optimization」を翻訳・アレンジしたコンテンツです。