Блог

насколько хорошо загружать / отображать повторяющиеся элементы на html-странице с помощью JavaScript. Я знаю, что у нескольких (5%) ppl не включен js. Так действительно ли это того стоит. Таким образом я могу уменьшить разметку на 15-20% и, в свою очередь, размер страницы

Если вас волнует размер страницы, то вместо этого включите сжатие на вашем сервере.

Повторяющийся контент сжимается очень хорошо, поэтому ваши 15-20% будут составлять гораздо меньшую долю веса страницы (и HTML, вероятно, будет незначительным по сравнению с любыми имеющимися у вас изображениями в любом случае).

Избегайте генерации контента с помощью JS, если можете, это еще одна точка отказа.

Я не думаю, что уменьшение размера на 15% оправдывает запуск JS, потому что движки JS действительно разные на всех платформах, и дополнительный JS-код, который работает во всех браузерах, будет одинаковой длины. Более того, время, затрачиваемое браузером на компиляцию JS и создание DOM-дерева, а затем добавление его в документ и его рендеринг, замедлит работу вашей страницы.

ИМО, вы должны использовать js для генерации динамического html. И если пользователь отключил js, вы можете дать ему предупреждение о том, что «Вы должны включить JavaScript для моего веб-сайта, чтобы он работал лучше всего.«

Если вы не загружаете HTML-данные асинхронно, вы могли бы использовать серверный язык (например, PHP) для печати повторяющегося HTML-кода перед отправкой страницы в браузер. Если это не вариант, то вам нужно либо придерживаться Javascript, который у вас уже есть, либо смириться с этим и ввести его вручную.

В наши дни в основном приемлемо сообщать пользователям, что у них должен быть включен Javascript для просмотра вашего веб-сайта.

На мой взгляд, большинство пользователей, у которых JS отключен в браузере по разным причинам (официальный, безопасность), не будут соответствовать профилю клиента для большинства веб-сайтов. Причина в том, что почти все мы ориентируемся на обычного пользователя, который использует Gmail с Ajax и работает в Интернете с мультимедиа.

Я бы рекомендовал использовать JS, если это улучшает работу вашего продукта.