Создание HTML: серверная сторона PHP по сравнению с клиентским jQuery

Почему стоит генерировать HTML в PHP:

• JavaScript должен определять поведение, а не содержание.
• Создание на JavaScript требует больше разметки (многострочные строки не так просты, как в PHP).
• Сложнее поддерживать, если ваш HTML генерируется в нескольких местах (PHP и JS).
• Вы можете использовать функции jQuery по работе с DOM для создания HTML, но в долгосрочной перспективе вы выстрелите себе в ногу.
• Быстрее создавать HTML на сервере, чем в браузере (в вычислительном смысле).
• В PHP проще делать циклы - легко генерировать табличную разметку.
• Вы сохраняете некоторую боеспособность, если у пользователя отключен JavaScript, если вы выводите разметку при загрузке страницы.

Почему стоит генерировать HTML в jQuery:

• Вы сэкономите немного пропускной способности.
• Привязка событий может быть проще.

Итак, я выступаю за первый вариант, генерируя HTML в PHP.

Визуальное сравнение двух методов, создание простой таблицы.  

Вариант 1, используя PHP:

// PHP

$html = '<table>';    
foreach($data as $row) {
    $html .= '<tr>';
    $html .= '<td><a href="#" class="button">Click!</a></td>';
    $html .= '<td>'.$row['id'].'</td>';
    $html .= '<td>'.$row['name'].'</td>';
    $html .= '</tr>';
}
$html .= '</table>'; 
echo $html;
?>

// jQuery

$('#container').load('handler.php', function() {
    $('#container a.button').click(function() {
        // Do something
    });
});

Вариант 2, используя jQuery:

// PHP

echo json_encode($data);

// jQuery

$.ajax({
    url: 'handler.php',
    dataType: 'json',
    success: function(data) {
        var table = $('<table />');

        var len = data.length;
        for(var i = 0; i < len; i++) {
            var row = $('<tr />');
            var a = $('<a />').attr('href', '#').addClass('button');

            row.append($('<td />').append(a));
            row.append($('<td />').html(data[i].id);
            row.append($('<td />').html(data[i].name);

            table.append(row);
        }

        table.find('.button').click(function() {
            // Do something
        });

        $('#container').html(table);
    }
});

С точки зрения дизайна / простоты кодирования / красоты, я бы определенно выбрал PHP.