Как отложить javascript файлов в theme.liquid в Shopify - PullRequest
0 голосов
/ 29 апреля 2020

Я проверил производительность моего сайта в https://gtmetrix.com/.And, там написано, что мне нужно отложить javascript файлы. Мой файл theme.liquid выглядит следующим образом: enter image description here

Как вы можете видеть, у меня есть два js файла в главном разделе, когда я пытаюсь поместить эти файлы внизу после того, как тег моей функциональности страницы продукта не работает, я использовал jquery в теге script на моей странице продукта, в этом теге scipt я также использую некоторый жидкий код. Итак, что я могу сделать, почему функциональность страницы продукта не работает, когда я помещаю jquery и slick-carousel внизу моей страницы (также я попытался поместить ключевое слово defer в jquery и теги сценария slick-carousel) для моего английского sh. Спасибо

Ответы [ 2 ]

2 голосов
/ 29 апреля 2020

Согласно второму предложению Владимира, я предлагаю заключить встроенный скрипт со страницы продукта в условие:
{%, если шаблон содержит 'product'%} ... встроенный скрипт со страницы продукта {% endif%}

Это позволяет добавлять встроенный скрипт только на странице продукта.

1 голос
/ 29 апреля 2020
  1. Переместите сценарии с <head> в нижнюю часть страницы до app.js.
  2. Переместите встроенные сценарии со страницы продукта где-то между сценарием jQuery и закрывающий тег </body>.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...