ページサイズ制限

概要

このガイドでは、PageFlyページビルダーで発生するページサイズ制限エラーに効率的に対応する方法を説明します。このエラーは、ネストされた要素が多すぎるために、ページがShopifyの256KB制限を超えた場合に発生します。

要件

  • メディアファイル(画像および動画)最適化ツールの利用。

  • ページの作成や要素の編集を含む、PageFly Advanced Page Builderの機能に関する知識。

PageFlyでページサイズ制限エラーを修正する方法

ページサイズ制限」エラーが発生するのを防ぐために、以下のヒントをご確認ください。

PageFlyページから不要な要素を削除する

PageFlyページから不要な要素を削除するには、要素ツールバーを使用するだけです。削除したい要素を選択し、要素ツールバーのDeleteボタンをクリックするか、キーボードのDeleteを押します。

メディアファイルを最適化する

ファイルサイズを削減する

以下のようなツールを使用して、画像や動画のサイズを圧縮します。

これらの圧縮ツールを使用するには、以下の手順に従ってください。

  1. ファイルをツールにアップロードまたはドラッグします。

  2. 利用可能な場合は圧縮レベルを選択します。

  3. 最適化されたファイルをダウンロードし、PageFlyページに再度追加します。

適切な画像ファイル形式を選択する

適切な画像形式を選択するためのステップバイステップガイドです。

  1. 画像の種類(写真、スクリーンショット、グラフィック)を特定します。

  2. 画像の形式を選択します。

  • 写真の場合: 色の豊富さとファイルサイズのバランスのためにJPGを使用します。

  • スクリーンショットの場合: PNGは鮮明さに最適で、透明度をサポートします。

  • グラフィックの場合: スケーリングに関係なく鮮明なビジュアルのためにSVGを選択します。

これらの最適化を行っても問題が解決しない場合は、アプリ内チャットを通じてPageFlyサポートにお問い合わせください。

ユースケース

  • 高画質画像コンテンツページの設計: ページに多くの高画質画像が含まれている場合は、サイズ制限内に収まるように最適化し、適切な形式を選択します。

  • ランディングページの改善: 機能豊富なランディングページの画像や動画のファイルサイズを削減して、PageFlyのページサイズ制限を超えずに読み込み時間を短縮します。

ヒントとベストプラクティス

  • コンテンツを優先する: 重要な要素に集中します。ユーザーの目標に直接貢献しない情報やビジュアルを削除または統合するために、定期的にページを確認します。

  • メディアを最適化する: アップロードする前に、常に画像、GIF、動画を圧縮します。

  • 外部ホスティングを利用する: 大きな動画のような重いコンテンツの場合は、外部(例:YouTube、Vimeo)でホスティングし、PageFlyページに埋め込むことでページサイズを節約することを検討してください。

よくある質問

1. PageFlyでHTML、CSS、JavaScriptを圧縮してページサイズを削減できますか?

はい、PageFlyでは、これらの要素を手動または設定を通じて最適化し、Shopifyの推奨制限内にページサイズを維持できます。

2. Shopifyのファイルサイズ制限はいくつですか?

Shopifyの管理画面からの個々のアップロードのファイルサイズ制限は20 MBです。

追加リソース

Last updated

Was this helpful?