Оптимизация кода
 

День добрый. Пока только начал разбираться в jQuery и написал дико неграмотный код как по мне.

$(document).ready(function(){
    $("#block-tabbet-links > div").addClass("tab-link");
});
$(document).ready(function(){
	$('div[id^="block-tabbet-content"]').addClass("tab-content");
});
$(document).ready(function() {
        $('#block-tabbet-links-1').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-1').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-2').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-2').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-3').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-3').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-4').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-4').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-5').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-5').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});

этот код делает реализацию табов. вот ссылка, как это выглядит
http://demo.nifler.com/

Вопрос: на сколько сильно такое количество кода и операций(при каждом событии оно изменяет стили в 4 раз больше чем нужно) влияет на быстродействие сайта. Сейчас то там ничего нету, но когда будет, то сильно ли оно будет тормозить, или проблема такого кода только в читаемости?

Nifler, почему у тебя постоянно повторяется

$(document).ready(...)

?

Да и пять раз повторять однотипные действия - это сильно! :)

$(document).ready(...) лишние удалил, а вот как изменить постоянно повторяющиеся действия без понятия). но тем не менее, я осознаю что это быдлокод в прямом проявлении, но существенно ли он влияет на загруженность системы?

1. Есть циклы
2. Использовать классы
3. Менять контент на странице

Ты занимаешься сложными, циклическими вычислениями вычислениями? Нет.

Как может "нагрузить" простое клацанье по кнопке, которое влечет добавление и удаление класса? :)

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

Алгоритмизация такое дело, которое лучше делать сразу как нужно. ;)

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