Производительность сайта: порядок DOM сайта
2 мин.
Порядок DOM вашего сайта относится к порядку чтения элементов на страницах. Этот порядок важен для посетителей, использующих вспомогательные технологии, такие как клавиша табуляции (Tab) или программы чтения с экрана, поскольку он определяет порядок, в котором они могут просматривать эти элементы или взаимодействовать с ними.
Мы рекомендуем следить за тем, чтобы порядок DOM соответствовал визуальному порядку элементов на страницах, чтобы каждый посетитель мог легко перемещаться по сайту. Соответствие порядку загрузки не только улучшит доступ, но и предотвратит проблемы с макетом на сайте.
Порядок DOM и производительность сайта
DOM определяет последовательность, в которой элементы загружаются на сайте. Если порядок DOM не соответствует визуальному порядку элементов, это может повлиять на загрузку сайта.
Например, если кнопка отображается внизу страницы, но первой в порядке DOM, она загружается раньше, чем элементы над ней. По мере загрузки дополнительного контента макет страницы может сдвигаться и перемещаться, чтобы разместить другие элементы.
Кроме того, если посетитель пытается нажать эту кнопку, пока загружается остальной контент, он может случайно выбрать другой элемент и перейти на другую страницу или раздел.
Порядок DOM сайта должен совпадать с визуальным порядком страницы, независимо от последовательности чтения на языке (слева направо или справа налево), чтобы обеспечить правильную загрузку и удобство для посетителей.
Порядок DOM на сайтах в редакторе Wix
На компьютерной версии сайта в редакторе автоматически включается порядок DOM. Это означает, что любые изменения, которые вы вносите в визуальный порядок элементов, автоматически применяются к порядку DOM, поэтому вам не нужно ничего делать.
Когда вы создаете сайт с помощью редактора с компьютера, также создается его мобильная версия. DOM-порядок вашего мобильного сайта также настраивается автоматически и не требует изменения вручную.
Важно:
Автоматический порядок DOM на сайтах в редакторе компьютерной версии был создан для скриптов слева направо (например, английский, испанский языки и др.). Если на вашем сайте используется шрифт с письмом справа налево, например на арабском или иврите, вам необходимо вручную изменить порядок DOM на панели «Слои».
Примечание:
Автоматический порядок DOM применяется только к изменениям на компьютере при сохранении сайта.
Порядок DOM на сайтах редактора Studio
Автоматический порядок DOM автоматически включен на сайтах, которые вы создаете в редакторе Studio. Порядок автоматически изменяется, когда вы добавляете, выравниваете и изменяете размер элементов, чтобы оставаться оптимизированным в процессе работы.
Вы можете отключить автоматический DOM на сайте в Studio Editor и вносить изменения вручную при необходимости. Подробнее о порядке DOM в редакторе Studio.
Важно:
- Автоматический DOM автоматически включен на сайтах, созданных в редакторе Studio после начала ноября 2024 года. Если вы создали сайт до этой даты, он не включен.
- Автоматический порядок DOM на сайтах в редакторе компьютерной версии был создан для скриптов слева направо (например, английский, испанский языки и др.). Если на вашем сайте используется шрифт с письмом справа налево, например на арабском или иврите, вам необходимо вручную изменить порядок DOM на панели «Слои».