Question 1

PageSpeed InsightsやShopifyのスコアを追いかけるべきではないのはなぜですか？

Accepted Answer

！取り上げるべき重要な洞察

ShopifyまたはPageSpeedInsightsで完全なスコアを取得することは不可能です
サードパーティのアプリとテーマは、ストアに非常に悪影響を及ぼします
PageSpeed Insightsは、最適化のアイデアを提案するのに適しています
最適化するために焦点を当てるべき最適化の機会のリスト

PageSpeedスコアを追いかけるのは時間の無駄です

まず、Shopifyの速度スコアはPageSpeed Insightsスコアであり、GoogleLighthouseのパフォーマンス指標に基づいています。スコアは、ストアのホームページ、製品ページ、およびコレクションページの加重平均に基づいています。ShopifyスコアレポートこれらのページのモバイルバージョンGooglePageSpeed

からの提案のすべてを文字通り受け取ることはできません。これは、非現実的または不可能な場合があるためです。たとえば、「未使用のJavascriptまたはCSSを削除する」と表示されますが、これには非常に時間がかかり

ます。CSSファイルを分析し、ストアフロントでルールが使用されていないことを確認し、ファイルを編集して、多くのことを行う必要があります。テスト。それらを修正する時間は非常に長いですが、利点はそれだけの価値がないかもしれません。

ゼロからサイトを構築する場合、この問題は発生しない可能性がありますが、Shopifyを使用している場合は、カスタマイズテーマを使用しておらず、サードパーティのアプリを使用していることは間違いありません。

スピードスコアに大きな影響を与える要因はどれですか？

サードパーティアプリ

ほとんどのサードパーティアプリは、JavaScriptおよびCSSリソースを追加します。これらは、Google PageSpeedInsightsでもここでフラグが付けられます。このような場合、これらのファイルを最適化する方法の詳細については、アプリ開発者に問い合わせる必要があります。

テーマ

テーマはページ速度の重要なプレーヤーです。一部のテーマはパフォーマンスのために構築されています。より高速なテーマを使用することが、あなたが行う最大の変更になる可能性があります。また、ストアをクリーンアップするチャンスでもあります。アンインストールされたアプリの残りのコードは、現在のテーマに残る可能性があります。

PageSpeed Insightsは何に適していますか？

PageSpeed Insightsを使用して、そのページを改善する方法についての提案を提供する必要があります。

時々それはあなたが取り組むことができるあなたのサイトの問題領域を最適化することをあなたに提案します。例：オフスクリーン画像を延期します。これは、ストアに遅延読み込み手法が適切に実装されていないことを意味します。

また、重いJSコードがYouTubeビデオまたはサードパーティのアプリからのものであるという警告が表示される場合があります。これらは、保持する価値があるかどうかを検討する必要があります。

ストアの速度を最適化するにはどうすればよいですか？

画像と動画の最適化特大の画像や非表示の画像は、ページの他のより重要な部分の読み込みを妨げる可能性があります。ユーザーが大きな画像が読み込まれるのを待たなければならない場合、ユーザーはあなたのストアが遅いと感じるかもしれま

Question 2

知覚速度とは何ですか？

Accepted Answer

ご存知のように、遅いサイトは収益に悪影響を与える可能性があり、速いサイトはコンバージョン率を高めることが示されています。コンバージョンを改善するには、ユーザーを維持することが重要です。したがって、速度のパフォーマンスがユーザーエクスペリエンスにどのように影響しているかを確認できます。

ただし、画像や動画のサイズを小さくして店舗の速度を上げるなど、店舗の速度に直接影響する要素を改善するための特定の技術的方法に加えて、店舗のパフォーマンスを改善するための最適なソリューションとして知覚速度を提供したいと思います。あなたのウェブサイトを待っているか、あなたと対話している間のユーザーの時間の認識を改善することを通して間接的に。

I.知覚速度とは

簡単に言うと、知覚速度は、顧客がサイトの速度をどれだけ速く思っているかです。すべてのリソースをプリフェッチすることにより、ユーザーがスマートプリロード方式に基づいてWebサイトにアクセスする可能性が高くなります。これにより、顧客はページのロードを待たずにサイトに即座にアクセスできます。そのことから、知覚速度を最適化すると、サイトが実際よりも速く読み込まれるように見えます。

例：サイトの

コレクションページの読み込みには平均10秒かかるため、訪問者がコレクションページにアクセスする前に、スマートプリロードを使用してこのページにリソースをプリロードする可能性が高くなります。。したがって、訪問者がこのページをクリックすると、あまり待たずに即座にページに配信されます。ここでは、訪問者がサイトが実際よりも速く読み込まれているように感じるのに役立つことが理解できます。

II。知覚されるパフォーマンスが重要な理由

知覚対現実

スピードが重要であると一般に信じられているため、スマートフォンやモバイルデバイスを移動するユーザーは、迅速で応答性の高いエクスペリエンスを高く評価し、ランク付けしています。

ユーザーがモバイルウェブでの速度の役割についてどのように感じているかを正確に理解するために、Googleはいくつかの調査と調査を実施しました。モバイルウェブでは速度は間違いなく重要ですが、速度に対するユーザーの認識は現実と同じくらい重要である可能性があります。モバイルウェブの速度の。

調査によると、回答者の4分の3は、画面のサイズやフィット感、サイトのデザインの魅力など、全体的なエクスペリエンスに影響を与える要因と比較して、ページの読み込み速度が最も重要な考慮事項であると述べています。ユーザーの目標は通常、サイトの読み込みが完了するまでサイトで達成できないため、これは直感的に理解できます。

この調査で明らかになったもう1つの直感的な洞察は、速度に対するユーザーの認識です。回答者は、10回の訪問のうち7回をすばやく読み込みているとランク付けしました。これは、これらのページの読み込みの実際の時間に対してかなりよくマッピングされています。ただし、この調査では切断も発見され、ページの読み込みが比較的遅いユーザーの75％は、読み込みが速いと感じています。

上記の調査から、モバイルWebの速度は、ページの読み込みにかかる文字通りの時間を超えるさまざまな要因の影響を受ける可能性がある

Question 3

ストアからすべてのSwiftコードを削除する方法

Accepted Answer

A。あなたがイメージおよび/または最適化のテーマを最適化すると、予期しない何かがあなたのライブのテーマに発生した場合、心配は、助けを私たちのCSチームに連絡していないか、してください

をクリックして「私がテーマに悩みを持っている」、次にをクリックして「コードの削除」でボタンポップアップを表示して、ライブストアに適用されたすべてのコードを削除します。

B。アプリをアンインストールして、ストアからすべてのコードを削除する場合：

まず、Shopify管理者>オンラインストア>テーマ>アクション>コードの編集に移動してください

レイアウトセクション> theme.liquidファイルの検索> Ctrl + F>「core」と入力して、このコード行を検索してクリアします {％include'swift_core '％}

検索バーに「swift」と入力>スニペット> swift_core.liquidファイルを検索>このファイルを削除

計画を確認し、これらの手順を実行して、すべてのコードを完全に削除してください。

実際の速度：アンインストールする前に、上記の手順で「コードの削除」をクリックして、実際の速度のコード全体を削除する必要があります。
知覚速度：知覚速度のすべてのコードが削除され、アプリをアンインストールすると、アプリプランの設定/メリットが無効になります。アプリをアンインストールする前に、ロード画面ウィジェットをオフにすることを忘れないでください。

それで全部です！

これがお役に立てば幸いです。さらにサポートが必要な場合は、ライブチャットでお気軽にお問い合わせいただくか、support @ perfectapps.ioまでメールでお問い合わせください。

注意この記事の内容はもともと英語で書かれていて、自動的に日本語に翻訳されました。わかりにくい場合は英語版をご参照ください。

Question 4

Swiftはどのプランを提供していますか？

Accepted Answer

この新しいバージョンアップデートでは、7日間の無料トライアルを含む、実際の速度、知覚される速度、プレミアム速度の3つの有料プランを提供しています。

実際の速度

価格は月額19ドルで、7日間の無料トライアルと以下のハイライト機能があります。

画像を圧縮する（毎月1,000枚の無料画像）画像スマート非可逆圧縮レイジーロード画像 CSSとJavascriptを縮小する重要なCSS フォントのプリロード自動最適化 24時間年中無休のテクニカルサポート

PERCEIVEDSPEED

価格は月額$ 19で、以下を含む7日間の無料トライアルが含まれます。

簡単なプリロード
スマートプリロード
動的ローディング画面
24時間年中無休のテクニカルサポート

PREMIUMSPEED

価格は月額$ 34（10％オフ）で、以下を含む7日間の無料トライアルが含まれます。

すべての機能実際の速度
すべての機能知覚速度
24時間年中無休のテクニカルサポート

注：

で最適化画像の特徴は、我々は提供するのが大好きだ月額千枚の無料画像を。

特に、最初のサブスクリプションでは、7日間の試用期間内に圧縮できる最初の100枚の無料画像を提供できることをうれしく思います。もちろん、試用期間が終了した後も、最適化するために1000枚の画像を引き続き受け取ります。

今月の上限が1000に達した場合は、来月まで1,000枚の無料画像を入手するか、次の価格設定として[さらに画像を購入]を選択して、最適化する画像をさらに購入することができます。

Buy more imageの請求プロセスの詳細については、この記事をお読みください。

たとえばPerceivedSpeedを使用して最初のサブスクリプションを開始すると、7日間の無料トライアルから始まります。これにより、PerceivedSpeedのすべての機能に無料でアクセスできます。

7日間の試用期間中に、他のプラン間で切り替えて、すべてのプランのすべての特定の機能を完全に無料で使用および体験することもできます。7日間の試用期間が終了すると、Shopifyシステムに現在のプランの金額が自動的に請求されます。つまり、8日目以降、無料トライアルをキャンセルしない限り、無料トライアルは自動的に有料サブスクリプションになります。試用期間の詳細については、この記事を参照してください。

さらにサポートが必要な場合は、ライブチャットでお気軽にお問い合わせいただくか、support @ perfectapps.ioまでメールでお問い合わせください。

注意この記事の内容はもともと英語で書かれていて、自動的に日本語に翻訳されました。わかりにくい場合は英語版をご参照ください。

Question 5

実際の速度とは何ですか？

Accepted Answer

I.実際の速度とは

簡単に言うと、実際の速度は、ページが実際に読み込まれる速度です。

ご存知のとおり、次のようないくつかの要因がオンラインストアの速度に影響を与える可能性があります。

アプリサードパーティのライブラリとサービス分析ライブラリテーマコード画像と動画の数とサイズ

Swiftを使用すると、テーマコードを最適化し、画像のファイルサイズを驚くべき方法で最小化できます。画像のレイジーロード、CSSファイルの縮小、重要なCSSの抽出、Webフォントのプリロード、Javascriptファイルの縮小などの高度な手法により、テーマを最適化するとともに、スマート非可逆圧縮を使用してストア上の画像を最適化し、画像のファイルサイズを大幅に削減します。、それからあなたの店の実際の速度を後押しします。Swiftが画像とテーマを最適化して実際の速度を上げる方法の詳細については、こちらを確認してください。

II。実際の速度で利用可能な機能と価格

価格は月額19ドルで、以下のハイライト機能があります。

画像を圧縮する（月額1,000枚の無料画像）画像スマート非可逆圧縮レイジーロード画像 CSSとJavascriptを縮小する重要なCSS フォントのプリロード自動最適化 24時間年中無休のテクニカルサポート

これがお役に立てば幸いです。

Swiftで利用可能な機能と料金プランに関するより有用な情報を入手するには、当社の記事にアクセスしてください。

さらにサポートが必要な場合は、ライブチャットでお気軽にお問い合わせいただくか、support @ perfectapps.ioまでメールでお問い合わせください。

注意この記事の内容はもともと英語で書かれていて、自動的に日本語に翻訳されました。わかりにくい場合は英語版をご参照ください。

Question 6

Swiftでテーマを最適化するにはどうすればよいですか？

Accepted Answer

では実際の速度、あなたはと同時に画像とテーマを最適化することにより、容易かつ迅速にこれまで以上にあなたのサイトをスピードアップすることができ、この記事。また、興味や目的に応じて、画像やテーマを個別に最適化することもできます。1か月あたりの無料画像数の上限

が1,000に達した場合は、その時点でのみテーマを最適化でき、さらに画像を購入して後で画像の最適化を続けることができます。画像を最適化する方法の詳細については、この記事を確認してください。最初にテーマ

を最適化するだけの場合。以下の手順に従ってください。

I.最適化を開始します

開始するには最適化をテーマに、をクリックして「レッツ・スタート」のボタン実際の速度

オンに最適化テーマにクリックし、オプションあなたが最適化テーマに適用することをその技術にのみ>ダニを最適化ボタン

デフォルトでは、すべてのメソッドはすでにチェックされています。

画像の遅延読み込み、CSSファイルの縮小、重要なCSSの抽出、ウェブフォントのプリロード、Javascriptファイルの縮小などの技術的手法を使用してテーマを最適化します。テーマを最適化するために使用するテクノロジーの詳細については、この記事を参照してください。

テーマを最適化するには、Swiftが元のテーマから複製されたテーマを作成し、この複製されたテーマに上記のメソッドとしてコードを適用します。コードを適用して元のテーマに変更/最適化を公開するかどうかを決定する前に、複製されたテーマのすべての変更/最適化をプレビューできます。Swiftがテーマを最適化する方法の詳細については、テーマの最適化プロセスを確認してください。

II。結果をプレビューし、最適化されたテーマを管理します

テーマの最適化の進行が完了すると、実際の速度の詳細ページにテーマの最適化の結果が表示さ

良く読まれている記事

全カテゴリーを見る