Ускорение (оптимизация) работы сайта

Question

Ускорение (оптимизация) работы сайта

Бюджет: По договоренности

Добрый день. Необходимо оптимизировать работу сайта chinajewelry.ru как для пользователей, так для поисковиков. Довести до нормальных показателей скорость загрузки сайта по требованиям гугл https://pagespeed.web.dev/

Долго грузятся не только главная, но и остальные страницы.

Предположительные работы (ответ от создателя темы):

1) Долгая обработка запроса на сервере, сейчас главная страница обрабатывается 5 секунд:

Нагрузку на сервер может давать движок (webasyst, shop-script), плагины, запросы к базе данных и непосредственно веб-сервер, который принимает и и распоряжается запросом (например берет из кеша или отдает интерпритатору). Необходимо проводить анализ и отладку, чтобы понять где именно происходит задержка. Для начала можно по-очереди отключить используемые в проекте плагины, возможно какой-то из них тормозит запрос.

2) Рекомендуется отложить инициализацию youtube-ролика, до взаимодействия с пользователем. Это увеличить скорость отображения страницы.

Например, вместо ролика в контенте отобразить обычную картинку изображающую ролик, а при клике на нее открывать попап-окно с роликом, в таком виде:

Для этого можно использовать следующую разметку:

</span>

Картинку загрузите через приложение Сайт - Файл-менеджер. Ссылку на ролик скопируйте на странице ролика, через кнопку "поделиться":

3) Также рекомендуется отложить инициализацию онлайн-чата на 10-15 секунд, но лучше отложить до взаимодействия с пользователем. Например, можно просто сверстать кнопку с иконкой чата и только после клика на нее активировать скрипты виджета. Для этого потребуется разработка скрипта. Данная доработка увеличить скорость отображения страницы.

4) Рекомендуем отключить автопрокрутку в слайдере, чтобы отложить инициализацию скриптов слайдера до взаимодействие с пользователем. Это уменьшит общее время выполнения скриптов при отображении страницы.

5) Для список категорий необходимо реализовать ленивую загрузку страницы:

Либо, рекомендуем использовать стандартный вариант списка категорий встроенный в тему дизайна. Там ленивая загрузка реализована.