Как ускорить вставку html из ajax?

[jey7]

Подскажите, как можно ускорить вставку html из js. Есть пример сайта _waterforward.org, ajax отрабатывает на hover и вставляет html - уж очень шустрый у них.
В попытках повторить подобную скорость, пришел к тому, что совершенно не пойму как это сделать ))).
ajax отрабатывает быстро, возвращает объект, генерю html уже в js, но скорость в разы медленнее.

Есть идеи как это реализовать?

[vadim5june]

извиняюсь-все зависит от того как Вы вставляете
по моему опыту-плохо вставлять много мелких фрагментов-хорошо один большой

[jey7]

это к чему? Мне не нужно определять версию браузера

[melky]

возвращает объект, генерю html уже в js, но скорость в разы медленнее.

• плохой алгоритм генерации html из объекта (хотя это надо ещё умудриться)
• вставка html на страницу происходит НЕ за один раз (т.е. скрипт должен генерировать строку html из всего объекта и её вставлять на страницу)

[jey7]

• плохой алгоритм генерации html из объекта (хотя это надо ещё умудриться)
• вставка html на страницу происходит НЕ за один раз (т.е. скрипт должен генерировать строку html из всего объекта и её вставлять на страницу)

подскажи какие варианты возможны?
У меня по простому..
на success в переменную записываю var out = '<div>+data.name+</div>'
поиск дива .html(out);

[keen]

думаю, если бы вы прям здесь показали свой код, мы бы могли его оптимизировать.
и ещё - на вотерфорварде такой же код как вас, но работает быстрее?

[Deff]

подскажи какие варианты возможны?
У меня по простому..
на success в переменную записываю var out = '<div>+data.name+</div>'
поиск дива .html(out);

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

[devote]

jey7,
сайт о котором вы говорите, не грузит html аяксом, а всего лишь небольшой JSON с некоторыми числами, вот пример взятый оттуда:

{
    "status":"success",
    "data":{
        "first_name":"Naresh",
        "book_url":"/b/31060",
        "fb_id":null,
        "twitter_username":"NareshdeSilva",
        "parent_book_position_nbr":1353,
        "impact_nbr":0.0,
        "payitforward_nbr":0,
        "parent_full_name":"Peter Ward"
    }
}

Вот это он и грузит, а все остальное давно сформировано на клиенте, просто он значения нужные подставляет куда нужно. И подставляет их асинхронно, то есть уже после вывода сформированного HTML