Как я могу увеличить время загрузки своих сайтов Shopify?

Question

Наши клиенты загружаются очень медленно при первой загрузке (TTFB на странице документа может быть 10-20 с). Если я перезагрузить страницу, сайт загружается намного быстрее. Это может быть из-за того, что многие файлы кешируются?

Сайт здесь: https://www.mortels.com.au/

Это происходит для многих страниц.

Я попытался объединить некоторые из файлов .css и попытаюсь попробовать файлы .js, если не найду ничего другого (я никогда не создавал оригинальную тему, поэтому мне сложно понять, что и где делается, и делать не имеет большого опыта разработки в Shopify.

Я также попытался добавить lazyloader, но не похоже, что он работает.

У кого-нибудь есть какие-нибудь решения, чтобы ускорить загрузку сайта? Может быть, это просто приложения, которые мы запускаем на веб-сайте, вызывающие столь медленный первоначальный ответ?

Answer 1

Одной из вещей, которая может помешать скорости загрузки вашего сайта, является слишком много логики, происходящей через теги Liquid.Shopify должен проанализировать весь Liquid-код страницы, прежде чем он сможет обслуживать страницу, и это напрямую влияет на TTFB

. Для файлов, которые имеют неприемлемые рейтинги TTFB, некоторые вещи, которые вы можете попытаться сделать, чтобы помочьЗаставьте серверы Shopify быстрее обслуживать ваш контент, включая:

• Сокращение количества поисков (например: через all_products[handle] на странице
• Избежание вложенных for при любой возможности
• Замена циклов на map всякий раз, когда вам нужно создать массив значений
• Переписывание разделов с большой логикой для запуска в Javascript вместо Liquid (и использование фильтра | json для отбрасывания ваших жидких переменных вJavascript-дружественная версия)

Надеюсь, это поможет!