Halaman web perlu diunduh dengan cepat, tetapi tabel bersarang dapat memperlambat prosesnya. Jangan biarkan siapa pun memberi tahu Anda bahwa lebih banyak orang menggunakan broadband atau internet berkecepatan tinggi, jadi Anda tidak perlu khawatir tentang seberapa cepat halaman Anda dimuat. Dengan jumlah konten di web, halaman atau situs yang dimuat dengan lambat akan memiliki lebih sedikit pengunjung daripada yang dimuat dengan cepat. Kecepatan itu penting, terutama pada koneksi seluler yang mungkin terbatas pada kecepatan data 2G atau 3G.
Apa Itu Tabel Bersarang?
Tabel bersarang adalah tabel HTML yang memiliki tabel lain di dalamnya. Sebagai contoh:
Tabel Bersarang Menyebabkan Halaman Mengunduh Lebih Lambat
Satu tabel di halaman web tidak akan menyebabkan halaman diunduh lebih lambat. Namun saat Anda meletakkan satu tabel di dalam tabel lain, browser akan lebih rumit untuk merender, sehingga halaman dimuat lebih lambat. Dan semakin banyak tabel yang Anda susun, semakin lambat halaman dimuat.
Biasanya, ketika halaman dimuat, browser mulai di bagian atas HTML dan memuatnya secara berurutan ke bawah halaman. Namun, dengan tabel bersarang, ia harus menemukan ujung tabel sebelum dapat menampilkan semuanya. Alasan rendering melambat adalah karena browser harus mengulangi dokumen HTML beberapa kali.
Tabel untuk Tata Letak
Saat Anda menulis XHTML yang valid, tabel tidak boleh digunakan untuk tata letak. Tabel adalah untuk data tabular seperti spreadsheet, bukan untuk desain halaman. Sebagai gantinya, Anda harus menggunakan CSS untuk tata letak—desain CSS render lebih cepat dan membantu Anda mempertahankan XHTML yang valid.
Merancang Tabel dengan Pemuatan Lebih Cepat
Jika Anda mendesain tabel dengan beberapa baris, seringkali dapat dimuat lebih cepat jika Anda menulis setiap baris sebagai tabel terpisah.
Tetapi jika Anda menulis tabel yang sama dengan dua tabel, itu akan terlihat memuat lebih cepat, karena browser akan merender yang pertama dan kemudian merender yang kedua, daripada merender seluruh tabel semuanya sekaligus. Triknya adalah memastikan bahwa setiap tabel memiliki lebar dan gaya yang sama (seperti padding, margin, dan border).
Mengubah Tabel Bersarang Menjadi Satu Tabel
Ubah tabel bersarang menjadi tabel tunggal yang sedikit lebih kompleks dengan menjadi pintar tentang atribut seperti colspan, yang jika diterapkan dengan hati-hati akan mensimulasikan tampilan tabel bersarang tanpa benar-benar berfungsi seperti itu.