|
Сообщение от Poznakomlus
|
https://learn.javascript.ru/multi-insert
читаем учебник
|
Читаю...
Однако, всё это так и так это знаю! И я обычно не использую
innerHTML+=,
insertAdjacentHTML поскольку это ломает объекты или является не ООП подходом!
Я так понимаю, вы хотели доказать какую-то, как вам кажется, мою ошибочность... однако статья, на которую вы дали ссылку, как раз таки подтверждает все мои взгляды!
Вот...
- https://learn.javascript.ru/multi-in...rt-bench-tbody Бенчмарк
Потыкал 8 раз на каждый тест, вот циферки, которые выскакивали в alert...- TBODY сразу DOM: 84 109 99 79 90 94 81 95
- Отложенная вставка TBODY в DOM: 90 87 96 94 110 90 76 75
Я считаю, что оба способа хороши!
- https://learn.javascript.ru/multi-in...cumentfragment DocumentFragment
|
Цитата:
|
Важно для старых браузеров
Оптимизация, о которой здесь идёт речь, важна в первую очередь для старых браузеров, включая IE9-. В современных браузерах эффект от нее, как правило, небольшой, а иногда может быть и отрицательным.
|
Как видите, то что вы предлагаете, является сильно не популярным и крайним взглядам, характерным для микроскопически малого кол-ва пользователей IE9- 📉
|
Цитата:
|
|
Понять текущее положение вещей вы можете, запустив следующий небольшой бенчмарк.
|
с фрагментом работает примерно в 0,9...1,5 раз медленней... В общем думаю оба варианта хороши! (Без фрагмента было 10 15 13, с фрагментом 14 22 12)
И там делается вывод в конце
|
Цитата:
|
|
DocumentFragment позволяет минимизировать количество вставок в большой живой DOM. Эта оптимизация особо эффективна в старых браузерах, в новых эффект от неё меньше или наоборот отрицательный.
|
Да, оно так и есть! 😜
Я прочитал статью и запустил тесты, не знаю, что именно вы хотели мне сказать...
Посмотрел с телефона (результаты такие же, т. е. вставка через фрагмент незначительно медленней)
Т. е. разумная точка зрения такая, что можно использовать оба варианта! 🎉
На компьютере был Chrome 75 и телефоне Chrome 74!
|
Сообщение от Poznakomlus
|
https://learn.javascript.ru/multi-insert
читаем учебник
|
А вы прочитали?
Сообщение от Poznakomlus
|
img.onload = function() {
// the image is ready
};
img.onerror = function() {
// the image has failed
};
Это для
|
Сообщение от Malleys
|
|
Для этого есть Service Worker
|
|
Вы воспринимаете всё как-то фанатично... Типо есть единственно истинный способ вставки, единственный истинный способ обработки ошибки загрузки картинки...
Это способ подходит только если вы работаете с конкретным изображением... А если вы вставляете HTML-код в DOM и в коде есть картинки, то правильней использовать именно Service Worker.
И Service Worker предоставляет централизованный способ обработки запрашиваемых ресурсов, будь то шрифты, картинки интерфейса, данные приложения, шаблоны, всё, что нужно для работы приложения. 😎