Liquid、JavaScriptなどに関する質問
こんにちは、Shopifyでサイト構築をしています。
現在Narrativeテーマを編集してサイトを運営しているのですが、フォントの変更などoveride.scss.liquidを利用して行ったためか、最初に表示されるのが意図していない標準のフォントが登場してしまい、その後若干の時間が経ったらフォントが変わる、というような挙動をしてしまいます。
また、サイトの読み込み速度自体も早くしたいと考えています。
経験がある方がいたらご教示願いたいのですが、
①上記を避けるために、例えばoveride.scss.liquidを先に読み込ませるようにする、などは可能なものでしょうか?
②またoverlide.scss.liquidを使うよりも、直接themeに全てコーディングするようにした方が表示スピードは上がるでしょうか?
大して変わらないならば、別の方法も考えていきたいと思うのですが、体感的に高速化につながるのであれば①②の順番で着手しようかと思っていました。どなたかアドバイスなどいただけると幸甚です。
こちらの記事は参考になりますでしょうか?
https://www.shopify.jp/blog/partner-shopify-theme-team-fast-narrative-improve
https://www.semrush.com/blog/9-tips-for-boosting-the-speed-of-your-shopify-website/
overlide.scss.liquidは、上記でいうところの非同期CSSにあたるかと思うので、②のようにクリティカルCSSはインラインにする処理が良いかと思います。
表示スピードは様々な要因が関係するので、上記で述べられている他の項目をチェックされることをお勧めします。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024