Некорректная работа магазина (низкая скорость отдачи данных)

Question

Некорректная работа магазина (низкая скорость отдачи данных)

Inna

7 января 2020

1

Добрый день и с новым годом!
я написала запрос в вебассист вот с такой темой и с таким текстом:

Добрый день! Каждый день сталкиваюсь вот с такой проблемой, причем в разное время суток: хочу подгрузить картинку из галереи, картинка открывается, но не в галереи, а в вот по такой ссылке https://chelpozitiv.ru/wa-data/public/shop/products/24/09/10924/images/19419/19419.970.jpeg Здесь нет галереи, есть только одно фото, и из него НИКАК нельзя выйти. Только кнопкой "назад", что а) очень не удобно, б) плохо для покупок, потому что многие просто покидают страницу магазина. С телефона вообще приходится закрывать страницу магазина, потому что кнопка назад зависает весь сайт. Я спросила у знакомого сисадмина, он сказал, что проблема в том, что система интернет-магазина (в данном случае вебасисит, как я понимаю) медленно работает и не успевает подгружать все, что нужно, галерея не подгружается и я просто попадаю в библиотеку картинок. Это плохо, и починить это нельзя, потому что сайт в облаке веб асиста. Я зашла на проверку скорости сайта и получила вот такие данные о скорости (скриншоты в прикрепе). Скорость проверяла регулярно на протяжении последней недели, каждый раз, когда сталкивалась с проблемой. К сожалению, скриншоты не доступны, но иногда мобильная версия проваливается до 16%, а десктоп до 12%, т.е. сегодня еще даже хорошие показатели. Мы зашли в потери, и все потери вебасиста, мы сами ничего не можем предпринять, потому что все, что сжирает скорость, оно зашито в "кишках". В связи с этим просьба: пожалуйста, предпримите, пожалуйста, соответстствующие дейтсвия, чтобы мой сайт оказалась хотя бы в желтой зоне, ну а лучше конечно а в не дико красной как и сейчас. Второй вопрос: что я могу сделать, чтобы я оказалась в зеленой зоне? Заранее спасибо за ответ. Инна Шенкман p.s. смотрели скорость из 4 разных городов и из 2 стран, цифры примерно +/1 5 единиц одинаковые у всех. И интернет у всех тоже отличный (по сравнению с работой других сайтов).

Вот ответ вебассиста:

1. Изображения работают некорректно т.к. есть ошибки в шаблоне.

$(...).not(...).retina is not a function

2. Посмотрите https://gtmetrix.com/reports/chelpozitiv.ru/gwELr4id и по возможности оптимизируйте шаблон. Судя по отчёту у вас ссылки на несколько версий файлов и это можно сократить.

3. Основные оптимизации по проверке web.dev это
- lazy load изображений за экраном(редактирование шаблона).
- использование webp(можно решить плагином или через CDN)
- указание и оптимизация размеров изображений.
- загрузка метрики, facebook и других счетчиков с задержкой

—— конец цитаты-----

Подскажите, пожалуйста, как нам это настроить (починить)?
Заранее спасибо за ответ.

Инна

1 ответ

Добавить ответ

Владимир Сергеев · Answer 1

Здравствуйте, Инна!

Вообще, если у вас большой магазин и/или большая посещалка и/или куча "наворотов", то лучше переехать с полумёртвого облака на нормальный хостинг.

Что касается рекомендаций ВА.

1. Изображения работают некорректно т.к. есть ошибки в шаблоне.

Можно ссылку на страницу с этой ошибкой?
Я зашёл на ваш сайт и открыл первый попавшийся товар, и лайтбокс в галерее открылся нормально, меня не перекинуло на файл изображения.

Вообще, скрипт ретины должен грузится до того, как загрузятся изображения.
Вы не устанавливали никакие приложения по "ускорению" сайта?

2. Посмотрите https://gtmetrix.com/reports/c... и по возможности оптимизируйте шаблон. Судя по отчёту у вас ссылки на несколько версий файлов и это можно сократить.

В рамках бесплатной поддержки темы я не могу это сделать.
И даже в рамках платной поддержки, я не уверен, что у меня получится.

У вас помимо скриптов и стилей темы добавлены ещё скрипты и стили плагинов.
Их очень сложно соединить в один, т.к. они грузятся в разные моменты и могут зависеть от других скриптов.
И даже если их соединить, то нужно будет каким-то образом исключить исходные файлы плагинов из кода, но они добавляются через хелперы, которые нельзя проконтролировать.

Оставьте только те плагины, который вам действительно помогают продавать больше. Остальное отключите.

lazy load изображений за экраном(редактирование шаблона).

Я посмотрю что можно сделать с ленивой загрузкой изображений.
Если мне удастся сделать ленивую загрузку изображений, то выпущу специальный апдейт.
Но учтите, что некоторые файлы темы нужно будет сбросить к оригиналу.

использование webp(можно решить плагином или через CDN)

Плагин webp, вроде, совместим с темой, но с оговоркой.

загрузка метрики, facebook и других счетчиков с задержкой

Для фейсбука ничего не могу посоветовать.

Могу подсказать только решение для метрики.
Вместо скрипта метрики вставить такой скрипт:

function AppMetrica(){
    /*  сюда вставить скрипт метрики, например такой  */
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounterXXXXXXXX = new Ya.Metrika({
                    id:XXXXXXXX,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
};
$(document).one('scroll mosemove',AppMetrica);
setTimeout(AppMetrica,6000);

Где XXXXXXXX – номер вашего счётчика.
Где 6000 – (6 секунд) после загрузки страницы метрика начнёт грузится.