Ускорение обработки таблиц в CSS

При изучении таблиц в HTML описывались два алгоритма их обработки: фиксированный и автоматический. В CSS им соответствуют два значения свойства table-layout.

• table-layout:auto - автоматический алгоритм обработки (устанавливается по умолчанию). Он довольно медленный, потому что таблица не выводится на экран до тех пор, пока браузер не скачает все ее содержимое — иначе он просто не сможет просчитать параметры таблицы: количество столбцов, их размеры, отступы внутри ячеек и т.п. Особенно это критично, когда таблица или очень длинная, или в ней множество графических объектов. Поэтому и рекомендуется разбивать большие таблицы на несколько отдельных, размером поменьше, чтобы пользователь смог увидеть хотя бы часть Web-страницы, пока ее остальное содержимое загружается.
• table-layout:fixed - фиксированный алгоритм обработки позволяет быстрее обработать и просчитать содержимое таблицы. Он работает быстрее, потому что не учитывает содержимого отдельных ячеек, а оперирует лишь общими параметрами таблицы: шириной самой таблицы; шириной столбцов, определенной в элементах COL и COLGROUP или элементов TD первой строки таблицы; расстояниями между ячейками и отступами внутри ячеек. Если же данные о ширине ячеек будут недоступны, браузеру придется ждать загрузки содержимого ячеек и согласно ему вычислять размеры таблицы.

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

Давайте рассмотрим простой пример таблицы.

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

Свойство table-layout:fixed хоть и значительно ускоряет обработку, таблиц, но, к сожалению, работает только в браузерах, выпущенных корпорацией Microsoft. Тем не менее, пока для верстки страниц еще используются таблицы, лучше ускорять их обработку или разбивать большие таблицы на более мелкие. Все же есть надежда на то, что скоро при верстке страниц будут пользоваться исключительно блоками CSS, а таблицы HTML будут применяться только по их прямому назначению — для структуризации данных в виде таблицы.

Страница: - 1 - | - 2 - | - 3 - | - 4 - | - 5 - | - 6 - | - 7 - | - 8 -