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