Количество DOM узлов

[mihailgoryachev]

Господа, подскажите какой-нибудь способ выявления, какой из модулей генерирует эти DOM узлы.

 

Дело в том, что голый шаблон ShopStore2 имеет 1500 DOM узлов. Мой же сайт имеет 9000. Да, я его напичкал несколькими  модулями, включая микроразметку, jet cache от markimax, смену картинок и несколько других.

 

Пытался найти виновника, отключая все модули поочереди, но даже если отключить всё, даже прожорливый мегафильтр! их (DOM узлов) всё равно останется 5000-6000, но никак не 1500 как на чистом шаблоне. 

 

https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fvkomforte.su%2Faksessuary%2F&tab=mobile

[matroskin92]

4 минуты назад, mihailgoryachev сказал:

Пытался найти виновника, отключая все модули поочереди, но даже если отключить всё, даже прожорливый мегафильтр! их (DOM узлов) всё равно останется 5000-6000,

talk-me.ru?

[Octsupport]

Добрый день

Обновите шаблон до актуальной версии и включите сжатие в настройках шаблона.

Если в последствии возникнут проблемы - создайте тикет в нашем центре поддержки https://octemplates.net

Перед обновлением шаблона рекомендуем сделать бекап сайта и базы данных.

[destreser]

19 минут назад, mihailgoryachev сказал:

Мой же сайт имеет 9000.

Это последнее, о чем вам стоит переживать сейчас.

[OCappLab]

28 минут назад, mihailgoryachev сказал:

Пытался найти виновника, отключая все модули поочереди, но даже если отключить всё, даже прожорливый мегафильтр! их (DOM узлов) всё равно останется 5000-6000, но никак не 1500 как на чистом шаблоне. 

MFilter дает максимальное количество DOM элементов, по мнению Гугла

 

Спойлер

 

+ сократите количество подключений одного и тогоже скрипта и стилей. А то фиг его что они там создают при подключении

 

Спойлер

 

[AlexDW]

начните с малого - у вас часть одних и тех же файлов подключены по три раза

плюс кеширование для статики не используется

 

а потом уже с dom разбираться

[markimax]

31 минуту назад, AlexDW сказал:

 

а потом уже с dom разбираться

DOM и CSSOM очень важны
Так как скрипты JS и CSS обходят все узлы и чем их больше тем больше занимает рендеринт html документа
Тем больше тормозит перерисовка и падает FPS (да, да ребята - FPS как в играх, на глаз это выражается во фризах и тормозах, ну также как в играх)

[mihailgoryachev]

47 minutes ago, matroskin92 said:

talk-me.ru?

неа, пробовал

 

40 minutes ago, Octsupport said:

Добрый день

Обновите шаблон до актуальной версии и включите сжатие в настройках шаблона.

Если в последствии возникнут проблемы - создайте тикет в нашем центре поддержки https://octemplates.net

Перед обновлением шаблона рекомендуем сделать бекап сайта и базы данных.

К сожалению, Вы перестали поддерживать 2.1 Обновлять движок пока не планирую. Слишком много сил в допиливание 2.1 вложил. Если техподдержка сможет устранить какие-то грубые нарушения на старой версии, буду очень рад!

 

34 minutes ago, OCappLab said:

MFilter дает максимальное количество DOM элементов, по мнению Гугла

 

  Reveal hidden contents

 

+ сократите количество подключений одного и тогоже скрипта и стилей. А то фиг его что они там создают при подключении

 

  Hide contents

 

Спасибо, что заметили! Щас буду разработчику писать.

 

32 minutes ago, AlexDW said:

начните с малого - у вас часть одних и тех же файлов подключены по три раза

плюс кеширование для статики не используется

 

а потом уже с dom разбираться

Кеширование для статики? mr Markimax об этом знает интересно или у меня что-то не так настроено)

[markimax]

6 минут назад, mihailgoryachev сказал:

Кеширование для статики? mr Markimax об этом знает интересно или у меня что-то не так настроено)

С DOM ни один кешировщик не поможет
Кешировщик выводит то что ему дают
А DOM "создает" на вывод верстка темы и модулей
9000 узлов это 3.14 и тормоза для рендеринга документа html БРАУЗЕРОМ, т е на стороне пользователя

[OCappLab]

10 минут назад, mihailgoryachev сказал:

Кеширование для статики?

Это имеется в виду это поле:

 

Спойлер

 

Не задано время жизни кэша для скриптов и стилей и они каждй раз при загрузке страницы грузятся заново, вместо того, чтоб грузится с кэша браузера.

[mihailgoryachev]

1 minute ago, OCappLab said:

Это имеется в виду это поле:

 

  Reveal hidden contents

 

ааа... в этом направлении markimax кажется работает!?

[markimax]

Вот на что влияет большое количество DOM (CSSOM) элементов

[zlob]

21 минуту назад, markimax сказал:

9000 узлов это 3.14

У меня 16к+ на главной))

и скоро будет в разы больше))

по гуглу 90/100

 

Я не замечал прямой зависимости балов от dom)

 

вот если сама страница отдается медленно, тогда балы снимают

 

Змінено 21 березня 2019 користувачем zlob

[mihailgoryachev]

11 minutes ago, zlob said:

У меня 16к+ на главной))

и скоро будет в разы больше))

по гуглу 90/100

 

Я не замечал прямой зависимости балов от dom)

 

вот если сама страница отдается медленно, тогда балы снимают

 

Видимо да, добавил в httacess следующий код:

 

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
 

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 week"
ExpiresByType image/gif "access plus 1 week"
ExpiresByType image/png "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType application/pdf "access plus 1 week"
ExpiresByType text/x-javascript "access plus 1 week"
ExpiresByType application/x-shockwave-flash "access plus 1 week"
ExpiresByType image/x-icon "access plus 1 week"
ExpiresDefault "access plus 1 week"

 

 

Добавилось по 25 попугаев для мобильного и десктопа. 

 

Может ещё кто-то знает волшебные способы?

Змінено 21 березня 2019 користувачем mihailgoryachev

[zlob]

6 минут назад, mihailgoryachev сказал:

Может ещё кто-то знает волшебные способы?

там сильно влияет скорость сайта, это вам даст больше всего балов

 

ну и количество стилей и скриптов у вас жесть 

например один и тот же главный файл стилей, дергается раз 10 на главной странице

зачем? если его можно подтянуть 1 раз

 

в идеале конечно сделать 2 файла, 1 со стилями и 1 с js

[markimax]

20 минут назад, zlob сказал:

У меня 16к+ на главной))

и скоро будет в разы больше))

по гуглу 90/100

 

Я не замечал прямой зависимости балов от dom)

 

вот если сама страница отдается медленно, тогда балы снимают

 

У вас тема на базе default сделана и мало скриптов, насколько я помню
Понятное дело что чем меньше скриптов тем меньше раз обходится дерево
Т е гипотетически 16000 узлов и "один" скрипт JS это все равно что 1000 узлов и "16" скриптов
Зависимость еще от кода этих скриптов
Если простые то рендеринг быстрый  а если тяжелые то и на 1000 узлов будут фризы FPS

[zlob]

1 минуту назад, markimax сказал:

Т е гипотетически 16000 узлов и "один" скрипт JS это все равно что 1000 узлов и "16" скриптов

не знал, спасибо)

день не зря прожит))

 

Да, js 1 и там добавленно только то, что используется

[markimax]

1 минуту назад, zlob сказал:

не знал, спасибо)

день не зря прожит))

 

Да, js 1 и там добавленно только то, что используется

Еще не суть в "одном" скрипте или 16
Суть в "тяжести" этого одного
Если там куча кода и много обращений к селекторам узлов то один может тормозить гораздо серьезнее чем "16" простых

[destreser]

17 минут назад, zlob сказал:

Я не замечал прямой зависимости балов от dom)

Я эксперименты проводил. Если всё, кроме dom в порядке, то до 15к буде зеленая зона (95+/100).

При 50+к оценка составляет 50/75. При 95к - 15/40.

Вполне себе линейная зависимость http://prntscr.com/n10ogf

 

Но до 15к - на это можно закрыть глаза.

[AlexDW]

56 минут назад, markimax сказал:

DOM и CSSOM очень важны

так никто и не спорит

 

писал о "детских" болячках, которые сразу на виду

 

[markimax]

1 минуту назад, destreser сказал:

Я эксперименты проводил. Если всё, кроме dom в порядке, то до 15к буде зеленая зона (95+/100).

При 50+к оценка составляет 50/75. При 95к - 15/40.

Вполне себе линейная зависимость http://prntscr.com/n10ogf

 

Но до 15к - на это можно закрыть глаза.

Ну это не совсем правильный анализ
Многое зависит от "тяжести" кода скриптов, где заложен обход дерева DOM
Если в скрипте очень много обращений к множеству селекторов узлов то он может тормозить и на 1000 узлах и оценка будет снижена существенно
Знаете как работает алгоритм оценки Google PS... вы удивитесь - через скрины и FPS отрисовки

[zlob]

5 минут назад, destreser сказал:

Я эксперименты проводил. Если всё, кроме dom в порядке, то до 15к буде зеленая зона (95+/100).

При 50+к оценка составляет 50/75. При 95к - 15/40.

Вполне себе линейная зависимость http://prntscr.com/n10ogf

 

Но до 15к - на это можно закрыть глаза.

95к еще не было)

как будет - проверю)

[destreser]

@markimax , речь исключительно о зависимости "балов от dom" (с). Я же не просто так цитировал отдельную фразу, прежде чем писать свой текст.

То, что на итоговую оценку влияют скрипты и т.д. - это очевидно. И важностью fps вы лично меня не удивили - я в курсе. И в курсе много чего ещё, поверьте.

[destreser]

5 минут назад, zlob сказал:

95к еще не было)

как будет - проверю) 

Да напихайте 15-20 шт phpinfo() в файл и будет тестовый полигон.

Змінено 21 березня 2019 користувачем destreser

[markimax]

Только что, destreser сказал:

@markimax , речь исключительно о зависимости "балов от dom" (с).

Я понял вас. Вы имеете виду количество узлов  DOM при одинаковых скриптах. Тогда - да