Strony internetowe muszą się szybko pobierać, ale zagnieżdżone tabele mogą spowolnić ten proces. Nie pozwól nikomu powiedzieć, że więcej osób korzysta z szerokopasmowego lub szybkiego internetu, więc nie musisz się martwić, jak szybko ładują się Twoje strony. Biorąc pod uwagę ilość treści w Internecie, strona lub witryna, która ładuje się powoli, będzie miała mniej odwiedzających niż ta, która ładuje się szybko. Szybkość jest ważna, szczególnie w przypadku połączeń mobilnych, które mogą być ograniczone do szybkości transmisji danych 2G lub 3G.
Co to jest tabela zagnieżdżona?
Tabela zagnieżdżona to tabela HTML, w której znajduje się inna tabela. Na przykład:
Zagnieżdżone tabele powodują wolniejsze pobieranie stron
Pojedyncza tabela na stronie internetowej nie spowoduje wolniejszego pobierania strony. Ale kiedy umieścisz jedną tabelę w innej tabeli, renderowanie przeglądarki staje się bardziej skomplikowane, więc strona ładuje się wolniej. A im więcej tabel zagnieżdżasz, tym wolniej ładuje się strona.
Zwykle, gdy strona się ładuje, przeglądarka uruchamia się na górze kodu HTML i ładuje go sekwencyjnie w dół strony. Jednak w przypadku tabel zagnieżdżonych musi znaleźć koniec tabeli, zanim będzie mógł wyświetlić całość. Przyczyną spowolnienia renderowania jest to, że przeglądarka musi wykonać dodatkowe iteracje dokumentu HTML.
Tabele do układu
Kiedy piszesz poprawny XHTML, tabele nie powinny być używane do układu. Tabele dotyczą danych tabelarycznych takie jak arkusze kalkulacyjne, nie do projektowania stron. Zamiast tego powinieneś użyć CSS do układu —projekty CSS renderować szybciej i pomóc w utrzymaniu prawidłowego XHTML.
Projektowanie szybciej ładujących się tabel
Jeśli projektujesz tabelę z kilkoma wierszami, często może ona ładować się szybciej, jeśli zapiszesz każdy wiersz jako osobną tabelę.
Ale jeśli napiszesz tę samą tabelę jako dwie, wydaje się, że ładuje się szybciej, ponieważ, przeglądarka wyrenderuje pierwszą, a następnie drugą, zamiast renderować całą tabelę w całości od razu. Sztuką jest upewnienie się, że każda tabela ma identyczne szerokości i inne style (takie jak dopełnienie, marginesy i obramowania).
Konwersja zagnieżdżonych tabel w jedną tabelę
Konwertuj zagnieżdżone tabele w nieco bardziej złożone pojedyncze tabele, sprytnie podając atrybuty takie jak przemęczenie, który po ostrożnym wdrożeniu będzie symulował wygląd tabeli zagnieżdżonej, nie działając tak jak ona.