CLS (Cumulative Layout Shift)

Analytics & Tracking

A Core Web Vital measuring visual stability — how much page content shifts during loading.

FlipLinkでの使い方

FlipLinkのビューアは、ページコンテンツが完全に読み込まれる前にフリップブックコンテナの固定サイズを確保することで、CLSを最小限に抑えるよう設計されています。画像やインタラクティブ要素は事前に割り当てられたスペース内でレンダリングされるため、アセットの到着時にレイアウトがずれることはありません。Three.jsフリップブックレンダラーとPDF.jsドキュメントビューアはどちらも安定したフレームで初期化され、ページめくりアニメーションによるレイアウトジャンプを防ぎます。FlipLinkが生成する[レスポンシブ埋め込み](/features/sharing-and-distribution)コードはアスペクト比コンテナを使用し、ホストページ上で即座に正しいスペースを確保します。この設計は、ウェブサイトに埋め込まれたビューアとgo.fliplink.meでホストされるパブリケーションの両方に効果があります。

関連用語

他の言語で利用可能

PDFを
もっと活用しませんか?

FlipLinkを活用して、PDFから魅力的でインタラクティブなコンテンツを作成している多くの企業に加わりませんか。クレジットカード不要で無料スタートできます。