2016-11-30 8 views
-1

私はshopifyウェブサイトを実行しています。このような種類のウェブサイトの大きな問題は、静的リソース(イメージなど)を読み込むときにクエリーを生成するためです。私は削除しようとしている、私はタイトルが言うように、コードがHTML文書の静的リソースからクエリを削除します

<img src="logo.jpg"> 

のようになりますので、「JPG」の後にすべてのものを削除する必要が最適化の理由から

<img src="logo.jpg?123244334324"> 

:HTMLは次のようになります生成ロードされたHTMLドキュメントからの静的リソースからのクエリは、JavaScriptまたは任意のその他の幅広いサポート方法。 #または他のものではなく、すべての負荷で静的リソースをリフレッシュするために使用されたクエリだけです。

+1

最適化の理由を教えてください。 –

+2

あなたのスクリプトが実行されるまでに、それらのリソースは既に要求されているので、URLから何かを削除してもそれは止められません。これはサーバー上でのみ修正できます。 – Archer

+0

javascriptの実行後にイメージを読み込みたい場合は、イメージをフォルダに移動し、javascriptを使用してそのパスをurlに追加し、不要な部分をURLから削除する必要があります。 も参照してくださいhttp://stackoverflow.com/questions/5402680/jquery-javascript-html-how-to-load-images-after-everything-else-is-loaded – SalmanAA

答えて

1

Shopifyのリソースには、そのようなキャッシュキーが付属しています。リソースが変更されていない場合は、一度だけダウンロードされます。したがって、それらの余分なコード。アセットのレンダリングには、ホストされたプラットフォームが責任を負うため、アセットの配信では専門家ではないため、これを自分自身で最適化することはできません。

余分なクエリパラメータを忘れてしまいます。そこには何もできません。

+0

ありがとうございます。私はインターネット上で解決策を見つけましたが、何らかの理由ですべての画像で機能しません。あなたがShopifyの開発者であることに気づいたので、多分あなたは私を助けることができます。画像に次のコードを追加すると、そのトリックを行うべきであり、いくつかの画像ではありますが、すべての画像ではありません。例:{{'logo.png' | asset_url |スプリット:'?' |最初 }} – FFF

関連する問題