Ускорение сайтов на cs-cart по Google PageSpeed Insights и в целом


#1

Привет всем, ниже просто инфо общее.
В целом ускорить в среднем выходит за 2-8 часов возни или 50-150 уе, зависит от вашего сайта. Пишите, посмотрим и оценим.

Занимаюсь тюнингом цс карта по pagespeed уже много лет. Меняются алгоритмы, у меня есть очень много проектов, которые очень нагруженные контентом, но страницы имеют вменяемые показатели по ГуглПейджСпид. Раньше тоже говорил, что мол оценка говно, не стоит заморачиваться. Но там есть интересные метрики, которые важны. Особенно часто для мобайла заметно. То что пишеться внизу, то всё косвенно.
Главные метрики - https://prnt.sc/vsp71s
по сути 2 самые важные это - https://prnt.sc/vsp7pa
там где 25%

Чтобы не быть голословным. Вот сайты, нагруженные главные, где всегда была оценка красная - 20-40 мобайл десктоп.
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.orto-line.com.ua%2F&tab=mobile
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fmuzzone.kz%2Fru%2F&tab=desktop
Просто шустрые сайты
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fstore.shungite.com%2F
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Flegrand-collection.com.ua%2F

Из опыта, сильно режет мобайл - расширенные баннера АБ, и любые скроллеры товаров - избыточный DOM - лучше для мобайла включить 1-2 сетки товаров(блока подборки), и обращайте внимание сколько раз в коде owl.js либа, она часто есть в коде, нужно из commom/scroller_init.tpl её комментить. Так как она цепляется в файле - /commom/scripts.tpl как по мне тупо не доработка цс карта. Только этих пару моментов, позволят мобильную оценку уже вывести в желтое часто.

https://www.cs-commerce.com/ru/full-page-cache-addon-for-cs-cart.html
это мастхев + https://store.cart-power.ru/webp-images.html Скидка на два этих модуля в комплекте - 10%.
Кому надо пишите в личку. Посмотрю скорость. Подскажу. За денежку могу за пол дня вычистить сайт по скорости от А до Я, всё что возможно.


Предложить решение для проблемы CLS: значение выше (0,25) мобильные устройства
Разные баннеры на разных языках
Необходимо максимально ускорить сайт
#2

Page-cache именно этот раньше не дружил с SEOhide, нынче Антиботом от АБ.
Т.е. SEOhide вырезал не нужную для ботов информацию улучшая СЕО, а page-cache соответственно кешировал не давая ничего вырезать.
Вы не проверяли сейчас они работают в связке?


#3

В обновах модуля кеширования написано, что это уже подружили поженили. По сути seohide нужен чтобы скрыть ссылка от ПС, вырезать для ПС куски хтмл-я практивка лично как по мне не очень правильная. Я ставлю обычно скрипт и делать такие ссылки чтобы они были без href то есть ссылка вроде как есть и он работает, но для робота нету href чтобы передавать ссылочый(анкорный вес) куда либо.


Да с seohide пока не дружит.


#4

Так он уже и не актуален. Спасибо за наводку. Пошел продлевать лицензию на Page-cache)


#5

Есть еще три сайта замеров скорости. некоторые утверждают, что google pagespeed insights сейчас не самый актуальный. Формально, самая большая проблема в том, что старые CMS дружат только с традиционными графическими форматами, а webp это уже точная фича HTML5, но мало какие CMS c ней дружат


#6

Посмотрите обновы webp Cart Power, не знаю есть ли демо, но сейчас обе фотки выводятся в srcset и уже нету конфликта между кешеривание ЦС-коммерс и устройствами Андроид и иос. Ранее нужно было допиливать.


#8

Добрый вечер. Вопрос на засыпку по pagespeed!:hugs:

Что можно придумать:

  1. с кодом на аналитику, на рекламу (gtag), Facebook Pixel - чтобы ускорить сайт и все работало корректно без заддержки ?

#9
  1. Я делал отложенный facebook пиксель, после прогрузки страница - везде кроме чекаута.
  2. gtag это новый тег, или GTM - первое ещё цс карт сам не сделал подцепку такой версии аналитики кажется, второе, я бы в GTM не совал ничего лишнего, а встраивал бы всё через сайт. Тогда не понятно, зачем он вообще нужен.

#10

С чистым кодом аналтики, я пока не ничего не делал. Но вроде если всё остальное ок, то не сильно режет оценку, ФБ код сильно режет оценку. Понятное дело что всё что можно грузить в самом конце, грузится в конце, что тупит, лучше вверху сделать preconnect на домен в head.


#11

Спасибо :blush:
1.А можно пример кода с откладкой facebook пиксель, как вы сделали?
И почему именно через preconnect ? , если там еще есть и Preload и через Js ( setTimeout , defer )
2. Я имела ввиду Google Tag Manager - (GTM, gtag)


#12

Спасибо :blush:
1.А можно пример кода с откладкой facebook пиксель, как вы сделали(но ще нужно учитывать что он у нас между тегом < literal > )?
И почему именно через preconnect ? , если там еще есть и Preload и через Js ( setTimeout , defer )
2. Я имела ввиду Google Tag Manager - в таком формате:
a)


б)
<4 script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:‘gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=‘dataLayer’?’&l=’+l:’’;j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentN;
})(window,document,‘script’,‘dataLayer’,‘GTM-В4313443’);


#13

GTM нужен же чтобы скрипты там целпять, или ещё для чего то? Просто я его стараюсь только при крайней потребности оставлять. Его тяжело ускорить, когда он ещё внешние скрипты тюнит.


#14

1.А можно пример кода с откладкой facebook пиксель, как вы сделали?
И почему именно через preconnect ? , если там еще есть и Preload и через Js ( setTimeout , defer )

По разному, каждый скрипт по разному пилится, часто делаю по аналогии с этим - https://habr.com/ru/post/447262/
я не могу расписать от и до, что я делаю, разные скрипты и аналитики по разному. Цель одна, чтобы скрипты не блочили прогрузку первого екрана, как минимум, как максимум чтобы грузились после прогрузки всей страницы ассинхронно, работали корректно не ломали оценку.
“не блочили прогрузку первого екрана” - не тормозили, это вообще 90% хорошо оценки и быстрого сайта. Особенно в мобайле. В десктопе это может 1 секунда, в мобайле оно пишет уже 4-8 секунды там же - https://prnt.sc/w353mo


#15

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

image


#16

5,6 мс основое, надо смотреть в самом низу, время выполнения скриптов, что там первые 2-3 строки. Больше всего времени тянет по версии гугла. До 1000 мс ещё терпимо.


#17

Делюсь результатом. Но скажу сразу что еще кое что в процессе. Спасибо @stasok


#18

Добрый день. Подскажите, а визуально быстрее стал сайт работать?


#19

Летает просто. Домо у АВ тормозит по сравнению с моим)))
У меня более 13к товаров с вариациями и всеми модулями АВ


#20

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


#21

Добрый день! Сколько стоят ваши услуги по ускорению сайта?