FROM CACHE - jp_header
解決済

表示スピードアップのために、使っていないcssをPurgeCssを使って自動で削除したい

Takahashi_Isao
Shopify Partner
6 0 0

表示スピードアップのために、使っていないcssをPurgeCssを使って自動で削除したいのですが、
shopifyの英語のコミュニティに書かれていますが、
どうやって実行するのか知識不足のために理解できないでいます。
https://github.com/Shopify/slate/issues/1034

Visual Studio Code にPurgeCssで通常のcssなどのclass削除はできたのですが、
Shopifyのthemeではどのような手順で実行するかどなたかご存知でしょうか。

 

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
992 373 690

成功

参考URLはSlateで構築する前提のサンプルなので、これを実行する場合はまずローカルにSlateを入れる必要があります。

https://github.com/Shopify/slate

Slateに関しては日本語の紹介記事も検索でいくつか見つかりますのでそちらを参照ください。

ただ上記URLに記載されている通りすでにサポートが終了しているためお勧めしがたいところです。

 

なおCSSの自動削除に関しては情報を持っておらず、その点申し訳ありません。

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

3件の返信3

Jizo_Inagaki
Shopify Partner
992 373 690

成功

参考URLはSlateで構築する前提のサンプルなので、これを実行する場合はまずローカルにSlateを入れる必要があります。

https://github.com/Shopify/slate

Slateに関しては日本語の紹介記事も検索でいくつか見つかりますのでそちらを参照ください。

ただ上記URLに記載されている通りすでにサポートが終了しているためお勧めしがたいところです。

 

なおCSSの自動削除に関しては情報を持っておらず、その点申し訳ありません。

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
Takahashi_Isao
Shopify Partner
6 0 0

情報ありがとうございます。

Slateがサポート終了とのことで、Slateを使用すべきか悩ましいところです。

一から開発するには、かなりの手間と労力かかるので、既存のテーマを使っているのですが、
使用していないclassやidが多く、自動で削除できればと思ったのですが、難しいようですね。

 

junichiokamura
Community Manager
1200 280 506

共有されているコードは、現在はあまりメンテされてないテーマ開発用のコマンドラインツールです。

どのテーマを使うかによりますが、Debutなどの標準テーマはcssを直接使わず、scss.liquidなどとして定義され、それがShopifyでコンパイルされて使われます。

通常は、Assetsフォルダ内のscssやcssがあるのでそちらを参照ください。

Senior Partner Solutions Engineer