Magento 2-読み込みに時間がかかる(jsファイルが多すぎる)


8

私は現在Magento 2に取り組んでおり、すべてのページの読み込み時間が非常に長いことに気付きました。

私は現在Xamppで実行しており、プロダクションモードが有効、HTML / js / CSSがマージされて縮小されています。ワニスは無効になっており、Webホスティングがサーバーにインストールできないので使用しません。いくつかのスクリプト。親がMagento 2の空白のテーマであるカスタムテーマを使用しています。設定を変更した後、静的ファイルを再デプロイしてキャッシュを空にしました。

私の主な懸念は、ネットワークパネルを見ると、毎回大量のjsファイルがロードされていることがわかります。たとえば、私のカテゴリページでは、122のjsファイルが読み込まれ、合計サイズは955キロです。

私はマージとミニファイなしでサーバーでそれをテストしましたが、上で述べたように、問題はロードされたファイルの量にあると思います。

バンドルオプションを試しましたが、8MBのjsファイルが生成されますが、これはさらに悪いことです。

私は何かを見逃しましたか、それともjsファイルの量がこれだけであるのはいくぶん正常ですか?ワニスは良いパフォーマンスのために必須ですか、そしてそれに代わるものはありますか?

私はMagento 2を初めて使用するので、詳しい情報が必要な場合は、喜んで提供します。


これはMagento 2と共通で、120または150以上のスクリプトが読み込まれます。いつでもマージして1つのファイルに縮小できます。ただし、サーバーでHTTP1またはHTTP2を使用していることを確認してください。HTTP2が有効になっている場合、120または150個のjsスクリプトが非同期で読み込まれることは、HTTP2の仕組みにより問題にはなりません。HTTP2は、1つの大きな結合縮小化jsファイルをロードする必要があるよりも、複数の小さなファイルを一度にロードする方が効率的です。しかし、私はあなたの痛みを感じます。Magento2はMagento 1と比較して大きな頭痛の種です。しかし、Magento 2はまだ遅いと感じています!
Jonathan Marzullo 2017年

回答:


3

JSの量膨大ですが、合計で8MBになると、何か問題があります。100個を超えるファイルをロードしたくない場合は、プロダクションモードで「バンドル」構成を使用する必要があります。

デフォルトのLumaテーマ、バンドル、マージ、およびミニファイが有効になっている場合、バンドルされたJSファイルは1.9MBです。

Varnishは別のトピックであり、生成された静的ファイルのパフォーマンスには役立ちません。


それは私がやったことで、8mo jsファイルを生成します。te adminでアクティブ化する以外に、バンドルに関して行う特定の構成はありますか?その後、キャッシュをフラッシュしてクリーニングしました。
Tonani 2016年

本番モードをアクティブにし、静的ファイルを再デプロイしてキャッシュをフラッシュする必要がありますが、すでにそうしていると思います
Fabian Schmengler

はい、そうしました。たぶん、空白のテーマに何か問題があります。
Tonani 2016年

私は同様の問題を抱えていましたが、バンドリングにある時点で問題が発生し、現在は修正されているように感じます。私はこのseoptimer.comを使用しましたが、DevToolsの製品ページのJSのネットワークタブ内に1.5MBと表示されているのに、サイトのJSが約5MBであることがわかります。このサイトは間違っていますか?
ハリー

1

また、Magento 2はかなり新しいものですが、これまでのところ、magento 1と2の両方を使用して、キャッシュを有効にして、あらゆる種類の速度を実現する必要がありました。jsの量は膨大なので、キャッシングはあなたの親友です。php bin / magento cache:enableを実行すると、キャッシュを有効にできます。キャッシュをオンにしている場合、php bin / magento cache:flushを使用して変更を行った後、キャッシュをフラッシュする必要があります。Magento 2の組み込みキャッシュは、Vanishがなくても使用できます。


0

この問題が2020年のMagento 2で発生するのは本当に驚くべきことです。バンドルではファイルの90%がバンドルされません(ここで説明します)。

一方、Jsマージは、すべてを超重いメガパックにマージします。

ただし、デフォルトのMagentoでは解決できなかったにもかかわらず、上記の動作を大幅に改善する有料の拡張機能があります。Googleのページ速度の最適化

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.