ПРОГРАММ: 654 | СТАТЕЙ: 125 | КОДОВ: 3434   

    главная        новости        программы        библиотека        коды        рейтинг       форум   

Афоризм
Должен ли настоящий джентльмен встать с колен, когда его пpосит об этом дама? А если это колени дамы?
 
Поиск


 
Рассылка
| Soft-Ежедневник - обзор программ прямо к Вам на e-mail
 
 
Полезное!
 
7 лучших
  Плиты дорожные, ЖБИ
  Фильм "Инвалиды России", прошлое и настоящее
  Компания Чистомир - клининговые услуги
  Детская обувь Бегунок
  Пробковые доски и канцтовары для вашей работы с доставкой по приемлемым ценам .
  
  
 
  Библиотека > web - разработка > Сайтостроительстводобавить статью
Оптимизация таблиц с большим количеством данных

Данная статья будет больше интересна разработчикам сайтов, но возможности, описанные в ней, могут быть полезны и владельцам сайтов с большим количеством данных в виде таблиц...
 
Северин Паньков
6floor.ru
10-05-2004
Версия для печати
печать

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

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

Выход из создавшейся ситуации нам предлагают создатели броузеров, которые вводят собственные расширения HTML и CSS для оптимизации работы своих броузеров. Предлагаю Вам ознакомиться с возможностями броузера Microsoft Intenet Explorer. Возможности Netscape Navigator я рассмотрю в следующий раз.

Производительность построения таблицы в IE может быть значительно увеличена, если установить для этой таблицы стиль table-layout в значение fixed. При этом размеры таблицы будут определяться в следующем порядке:

  • С использованием атрибута width тэгов COL и COLGROUP.
  • Путем анализа форматирования первой строки таблицы.
  • Равным делением ширины таблицы на количество ее ячеек.

Например:

<TABLE STYLE="table-layout:fixed" WIDTH=600> <COL WIDTH=100><COL WIDTH=300><COL WIDTH=200> <TR HEIGHT=20> <TD>...</TD><TD>...</TD><TD>...</TD> </TR> : </TABLE>

Если применен стиль table-layout со значением fixed, то броузер не будет дожидаться загрузки всего содержимого таблицы, начав отображать ее строки сразу, по мере загрузки. При использовании тэгов COL необходимо задать атрибут width для каждого из них и для тэга TABLE. Если теги COL не указаны, броузер проанализирует формат первой строки таблицы и будет строить все остальные строки, используя полученную информацию. Если невозможно определить формат первой строки и не указаны тэги COL, то размер таблицы делиться поровну между всеми ее колонками.

Выигрыш в скорости особенно впечатляет в случае с большими таблицами. Вы можете посмотреть пример.

К сожалению, этот подход не работает в Netscape Navigator. Но он и не мешает его работе, поскольку броузеры игнорируют незнакомые теги и атрибуты. Об оптимизации таблиц в Netscape Navigator я расскажу в следующей статье, и Вы сможете добиться одинакового результата, применяя к таблицам оба подхода одновременно.




Комментарии
Оставить комментарий
Имя:
E-mail:
Сообщение:


Число=
укажите сумму чисел на картинке

   очистить

популярные статьи по теменовые статьи
Создание видео из фотографий в программе "ФотоШОУ"
Разное / Обработка фото и видео
Больница для компьютера
железо / Система
Чем так популярны социальные сети?
Разное / разное
Синхронизация данных с сотового телефона на ПК
железо / Мобильные устройства
Куплю хостинг
web - разработка / Хостинг

Опрос
На что Вы обращаете внимание в первую очередь при покупке товара в интернет-магазине?  
 
Комментарии и оценку пользователей
Наличие нескольких фотографий
Подробное и качественное описание
Условия доставки
Возможность покупки в кредит
 
Самое свежее  
 ПРОГРАММЫ

ICQ 8.0.5990
ICQ 8.0.5990

Mozilla Firefox 18.0.2
Mozilla Firefox 18.0.2

ArtMoney 7.40.4
ArtMoney 7.40.4

 НОВОСТИ

Хакерская атака на Google из Китая
Хакерская атака на Google из Китая

Мы победили! Олимпиада 2014 пройдет в Сочи
Мы победили! Олимпиада 2014 пройдет в Сочи

 БИБЛИОТЕКА

Создание видео из фотографий в программе "ФотоШОУ"
Создание видео из фотографий в программе "ФотоШОУ"

Больница для компьютера

 
Рекомендую!



Copyright © 2004-2020 MostInfo.net  | связь с админом
При использовании материалов сайта ссылка на MostInfo обязательна.