جداول مخرب وب سایت های شما را کاهش می دهد
صفحات وب نیاز به دانلود سریع دارند، اما جداول توزیع شده می تواند روند را کند کند. اجازه ندهید هر کسی به شما بگوید که افراد بیشتر از اینترنت باند پهن یا اینترنت پرسرعت استفاده می کنند، بنابراین لازم نیست نگران صفحات صفحات خود باشید. با مقدار محتوا در وب، یک صفحه یا سایت که به آرامی بارگیری می شود، بازدید کننده های کمتر از آنهایی است که سریعا بارگیری می کنند. سرعت بسیار مهم است
جدول نستله چیست؟
جدول ناسازگاری یک جدول HTML است که جدول دیگری در آن وجود دارد. مثلا:
ستون 1
| ستون 2
| ستون 3
|
ستون 1
|
ستون جدول توپی 1
جدول ستون بند 2
| ستون 3
|
ستون 1
| ستون 2
| ستون 3
جداول مخرب به علت صفحات به بارگیری کند یک جدول تنها در یک صفحه وب صفحه را به آرامی (به علت) بارگیری نمی کند. اما لحظه ای که شما یک جدول را در جدول دیگری قرار داده اید، برای مرورگر رندر پیچیده تر می شود، بنابراین صفحات به آرامی بارگذاری می شوند. و جداول بیشتری که درون یکدیگر قرار داده اید، هرچه بار صفحه پرش کند.
هنگام ایجاد یک صفحه با جداول، در نظر داشته باشید که جداول بیشتر که درون جداول قرار دارند، هرچه بار صفحه کاهش یابد. به طور معمول، هنگام بارگذاری صفحه، مرورگر از بالای HTML شروع می شود و به طور متوالی صفحه را بارگذاری می کند. با این حال، با جداول توپی، باید انتهای جدول را قبل از اینکه کل چیزی را نمایش دهد پیدا می کند.
جداول برای طرح بندی شما نباید از جداول برای طرح بندی در صفحات وب استفاده کنید. آنها تقریبا همیشه نیاز به استفاده از جداول توپی ندارند، بنابراین یک صفحه وب جدول آرامی از همان طراحی ارائه شده در CSS بارگیری می شود.
همچنین، اگر شما در حال تلاش برای نوشتن XHTML معتبر هستید، جداول نباید برای طرح بندی مورد استفاده قرار گیرد. جداول برای داده های جدولی (مانند صفحات گسترده)، نه برای طرح بندی هستند. در عوض، شما باید از CSS برای طرح CSS استفاده کنید تا سریعتر طراحی شده و به شما در حفظ XHTML معتبر کمک کند.
طراحی سریع تر جداول بارگیری اگر شما یک جدول با چندین ردیف را طراحی کرده اید، اگر هر ردیف را به عنوان جدول جداگانه بنویسید، اغلب می توانید سریع تر بارگذاری کنید. به عنوان مثال، شما می توانید یک جدول مانند این بنویسید:
ردیف بالا
|
ستون سمت چپ
| ستون سمت راست
اما اگر شما همان جدول را به عنوان دو جدول بنویسید، به نظر می رسد که سریعتر بارگذاری شود، زیرا مرورگر اول را رندر می کند و سپس دوم را رندر می کند، نه یک نمایش تمام جدول. کلاهبرداری این است که اطمینان حاصل کنیم که هر جدول دارای عرض یکسان و سبک دیگر (مانند پد، حاشیه و مرز) است.
ردیف بالا
ستون سمت چپ
| ستون سمت راست
تبدیل جداول درون یک جدول شما ممکن است احساس کنید که همه این اطلاعات خوب است، اما شما باید یک جدول داشته باشید که باید جدول دیگری در آن قرار داشته باشد. در حالی که این ممکن است درست باشد، اغلب شما می توانید با استفاده از ویژگی ها و ویژگی های سلول های جدول خود، جداول ناساز را به جداول جداگانه ای تبدیل کنید. برای مثال، در جدول توپی در بالای صفحه، می توانم این را به یک جدول تنها با ویژگی colspan تبدیل کنم :
ستون 1
< col > colspan = "2" > ستون 2
| ستون 3
|
ستون 1
| ستون جدول توپی 1
| جدول ستون بند 2
| ستون 3
|
ستون 1
| colspan = "2" > ستون 2
| ستون 3
این جدول همچنین منجر به استفاده از کاراکترهای کمتر از جدول توشیح شده است، بنابراین به دلیل آن نیز سریعتر دانلود خواهد شد.
| | | | | | |