VPF::оптимизация html - Форум программистов

proger

Дата 5.3.2010, 11:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 400
Регистрация: 10.10.2004

Репутация: нет
Всего: 1

Здравствуйте,
Вот делаю сайт, там на странице около 100 штук:

Код


<SELECT style="FONT-SIZE: 11px" id=ocenki0-8 
                                class=input 
                                onchange="javascript: check_propuski(this.id); IGNORE_UNLOAD = false;" 
                                size=1 name=ocenki8[]> <OPTION 
                                value=""></OPTION><OPTION 
                                value=1>1</OPTION><OPTION 
                                value=2>2</OPTION><OPTION 
                                value=3>3</OPTION><OPTION selected 
                                value=4>4</OPTION><OPTION 
                                value=5>5</OPTION><OPTION 
                                value=н>н</OPTION><OPTION 
                                value=о>о</OPTION><OPTION style="COLOR: gray" 
                                value=б>б</OPTION><OPTION style="COLOR: gray" 
                                value=у>у</OPTION></SELECT>

Я вывожу это все циклом, из за этого размер страницы около 1,5 MB как можно оптимизировать?

LeoK

Дата 5.3.2010, 13:13 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 14.12.2007
Где: Moscow

Репутация: нет
Всего: нет

jquery

Код


$(function(){
$('#ocenki').html('<option....................');
})

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

Это сообщение отредактировал(а) LeoK - 5.3.2010, 13:15

awers

Дата 5.3.2010, 21:47 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: нет
Всего: 31

Такое лучше(и надо!) делать на стороне клиента. Едем в раздел по JavaScript...

IDVsbruck

Дата 5.3.2010, 22:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 8
Всего: 22

Угу. Можно делать переменную-объект или массив (JSON), куда занести все значения, скажем, для приведенного кода:

Код


var vals = [{el:"ocenki0-8", ops:[{n:"1", v:"1"}, {n:"2", v:"2"}, {n:"3", v:"3", s:1}, ..., {n:"o", v:"o", c:"grey"}]}, {el:"other_select", ops:[...]}];

И потом заполнение:

Код


for (var i = 0; i < vals.length; i++){
    var el = document.getElementById(vals[i].el);
    for (var j = 0, op; op = vals[i].ops[j]; j++){
        var newop = el.options.add(new Option(op.v, op.n, op.s ? true : false));
        if (op.c) newop.style.color = op.c;
    }
}

Уже давно пересел на jQuery, поэтому простыми ДОМовскими средствами писать немного разучился.

Также можно попробовать перепрофилировать работу страницы на AJAX.

Если речь идет только об оптимизации готовой страницы, то мало что можно сделать. Единственное "по существу" - не ставить закрывающие тэги у <option> - это сэкономит 9 символов на каждый опшн - в среднем 20-33% от всех опшнов.

proger

Дата 6.3.2010, 08:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 400
Регистрация: 10.10.2004

Репутация: нет
Всего: 1

Спасибо огромное!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »