본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

프레이머는 이제 사이트 전체가 아닌, 각 페이지가 처음 방문될 때 자동으로 최적화되도록 시스템을 업데이트했습니다. 사이트를 퍼블리시할 때마다 모든 페이지를 다시 최적화할 필요가 없으며, 더 빠른 처리 속도, 일관된 성능, 그리고 완벽한 SEO 품질을 동시에 유지할 수 있습니다.

최적화란 무엇인가요?

프레이머(Framer)로 제작된 사이트는 React 기반의 자바스크립트 앱으로, 브라우저에서 렌더링됩니다. 빠른 속도와 SEO, 그리고 AI 친화적인 구조를 위해 프레이머는 서버에서 페이지를 미리 렌더링합니다. 이 과정을 통해 브라우저나 크롤러가 직접 렌더링할 필요가 없어지고, 결과적으로 페이지 로딩 속도가 훨씬 빨라집니다. 이 방식을 서버 사이드 렌더링(Server-Side Rendering, SSR)이라고 합니다.

이전에는 사이트를 퍼블리시할 때 모든 페이지를 한꺼번에 불러와 최적화했습니다. 하지만 이제 프레이머는 다국어 지원(Localization), A/B 테스트 등과 같은 유연한 기능을 제공합니다. 즉, 하나의 페이지가 여러 버전으로 생성될 수 있기 때문에, 이 모든 페이지를 한 번에 렌더링하는 것은 비효율적일 뿐만 아니라 사실상 불가능합니다.

동적 최적화(Dynamic Optimization)

프레이머는 페이지를 최적화하는 방식과 시점을 전면적으로 개선했습니다. 이제 사이트를 퍼블리시할 때 모든 페이지를 한 번에 최적화하지 않습니다. 대신 사용자가 페이지를 처음 방문할 때 자동으로 해당 페이지가 최적화되며, 최적화된 결과는 캐시에 저장되어 새 버전이 퍼블리시되기 전까지 계속 재사용됩니다.

이 새로운 방식 덕분에, 대형 사이트에서 최대 1분 이상 걸리던 최적화 시간이 사실상 사라졌습니다. 페이지가 아무리 많아도 대부분의 경우 1초 이내에 최적화가 완료됩니다.

이 시스템이 안정적으로 작동하도록 프레이머는 단일 페이지 렌더링 속도 자체를 크게 향상시켰습니다. 비록 첫 방문이 전체 트래픽의 0.01%에 불과하더라도, 그 한 번의 경험이 중요하다고 생각했습니다. 이를 위해 사이트 렌더링 방식을 처음부터 새롭게 설계하고, 번들러와 컴파일러를 도입해 성능을 근본적으로 개선했습니다.

또한 프레이머는 분석(Analytics) 데이터를 기반으로 사용자가 가장 자주 방문하는 인기 페이지를 자동으로 식별합니다. 이를 통해 방문자가 실제로 접속하기 전에 해당 페이지를 미리 최적화(Pre-Optimization) 하여, 첫 방문 속도까지 더욱 빠르고 매끄럽게 제공합니다.

점진적 적용(Rollout)

프레이머의 페이지별 자동 최적화 기능은 2025년 10월 한 달 동안 모든 사이트에 단계적으로 적용될 예정입니다. 사용자는 별도로 설정을 변경하거나 추가 조치를 취할 필요가 없습니다.

아래의 새로운 상태 라벨이 표시된다면, 해당 사이트는 이미 온디맨드 최적화(On-Demand Optimization) 방식을 사용하고 있다는 의미입니다.

• Pre-Optimizing (기존 Optimizing): 페이지별 자동 최적화를 준비하면서, 주요 페이지를 미리 최적화하는 단계

• Ready (기존 Optimized): 주요 페이지는 이미 최적화가 완료되었으며, 나머지 페이지는 필요할 때 자동으로 최적화될 준비가 된 상태

알아두면 좋은 사항(Things to Know)

다음은 기술적인 세부 동작을 이해하고자 하는 사용자에게 도움이 될 만한 내용입니다.

사이트를 퍼블리시한 직후에는 모든 페이지가 새로 생성된 상태입니다. 따라서 이 시점에 속도 측정 도구를 사용하면 실제보다 느리게 표시될 수 있습니다. 그러나 CrUX(Chrome User Experience Report)와 같은 종합 성능 지표에는 영향을 주지 않습니다. 대부분의 방문자는 이미 최적화된 페이지를 보게 되기 때문입니다.

또한, 자바스크립트를 실행하지 않는 크롤러(예: 일부 AI나 소셜 미디어 봇)가 사이트를 방문했을 경우, 아직 최적화되지 않은 페이지라면 가장 최근에 최적화된 버전을 대신 제공합니다. 이 덕분에 프레이머의 페이지별 자동 최적화 기능은 AI 및 소셜 미디어 플랫폼과도 완벽히 호환됩니다.

이러한 두 가지 이유로 이번 변화는 SEO에 부정적인 영향을 전혀 주지 않습니다. 오히려 더 많은 페이지를 사전에 렌더링(Pre-rendering)할 수 있으며, 페이지별로 다양한 동적 옵션과 변형을 적용해 방문자 맞춤형 경험을 제공할 수 있습니다. 이로 인해 검색 노출 개선과 사이트 품질 향상에도 긍정적인 효과를 기대할 수 있습니다.

또한, 동적 최적화 과정에서 페이지에 중대한 영향을 미칠 오류가 발생할 경우, 프레이머는 사용자에게 이메일로 즉시 알림을 발송합니다. 이런 상황은 매우 드물며, 대부분의 경고(예: 중첩된 링크나 커스텀 코드 관련 오류)는 페이지의 일부에만 영향을 미치기 때문에 전체 성능에는 큰 문제가 없습니다.

본 글은 Framer 공식 블로그의 ‘Dynamic Optimization’을 번역·각색한 콘텐츠입니다.