Как решить проблему использования чрезмерного размера DOM в аналитике скорости страниц Google - PullRequest
0 голосов
/ 27 января 2019

Избегайте проблемы чрезмерного размера DOM, которая отображается в результатах Google Pagespeed Insights.Как я могу решить это?Пожалуйста, укажите способы уменьшить это.Мой сайт - это WordPress сайт.

1 Ответ

0 голосов
/ 29 января 2019

Нетехнический ответ - минимизировать размер DOM вашего сайта WordPress, загружая меньше ресурсов для уменьшения размера DOM, и вы можете сделать это разными способами, например:

  • Сокращение ненужного плагина.
  • Уменьшение ненужных css / js.
  • Повторение количества изображений.В общем, если вы думаете, что что-то можно удалить со страницы, сделайте это, и вы увидите меньшее количество узлов в вашей DOM.

Техническая обратная связь (добавление из рекомендации по скорости страниц Google):

Большое дерево DOM может нанести ущерб производительности вашей страницы несколькими способами.

Эффективность сети и производительность нагрузки.Если ваш сервер отправляет большое дерево DOM, возможно, вы отправляете много ненужных байтов.Это также может замедлить время загрузки страницы, поскольку браузер может анализировать множество узлов, которые даже не отображаются в верхней части страницы.Производительность во время выполнения.Поскольку пользователи и сценарии взаимодействуют с вашей страницей, браузер должен постоянно пересчитывать положение и стиль узлов.Большое дерево DOM в сочетании со сложными правилами стилей может значительно замедлить рендеринг.Производительность памяти.Если вы используете общие селекторы запросов, такие как document.querySelectorAll ('li'), вы можете неосознанно хранить ссылки на очень большое количество узлов, что может превысить возможности памяти устройств ваших пользователей.Рекомендации Оптимальное дерево DOM:

Всего менее 1500 узлов.Максимальная глубина 32 узла.Не имеет родительского узла с более чем 60 дочерними узлами.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...