للحصول على جداول البيانات ، ما يجعل أسرع, CSS أو <TABLE>?[مغلقة]
https://stackoverflow.com/questions/135826
-
02-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أنا أبحث عن بعض الإحصائيات عن المتصفحات الحالية عن كم من الوقت يستغرق لتقديم جدول باستخدام HTML عادي مقابل اخترق المتابعة CSS البروتستانتي الطريقة التي يتجنب استخدام الفعلية TABLE, TR, TD الخ.العلامات.
أنا لا أبحث عن ما هو الصحيح فقط ما هو أسرع, ولا سيما على فايرفوكس 3, على الرغم من أنني أنا مهتم أيضا في احصائيات عن المتصفحات الأخرى.من الحال جدول العلامات تصميم الجداول.ليس هذا هو السؤال.
المحلول
عموما أود أن أقول استخدام <table> للحصول على جداول البيانات.ومع ذلك ، إذا كان الجدول طويلة جدا (أقول أكثر من 100 الصفوف) و عدد الأعمدة منخفضة (~3) ، وذلك باستخدام divs لمحاكاة الصفوف يؤدي إلى أصغر بكثير العلامات البصمة.هذا هو ذات الصلة ولا سيما إذا كنت تستخدم دوم البحث جافا سكريبت (على النحو المنصوص عليه من قبل العديد من المكتبات JS) ، كما أنها ستستفيد للحد من شجرة DOM الحجم.
هذا من تجربة كان لدي مثل هذا الجدول وكان يبحث عن التحسينات التي تتحرك إلى شعبة القائمة على عرض قطع HTML ولدت الثالث و كان تحسن كبير في دوم اجتياز الأداء.
نصائح أخرى
إذا كان لديك حقا جداول البيانات ، ثم استخدام الجداول.فكرة أنك لا ينبغي أبدا استخدام الجداول لأي شيء كان مخطئا تمديد المفهوم الصحيح أنه يجب استخدام علامات html فقط المقصود الدلالي الغرض.وهذا يعني استخدام CSS للتخطيط ، ولكن استخدام الجداول جداول البيانات.وهذا لا يعني أبدا استخدام الجداول.
لأن بعض المتصفحات الانتظار حتى الجدول بأكمله وقد تم نقله إلى عرض من أجل التأكد من أن لديهم تعديل عرض الأعمدة على حجم المحتوى باستخدام divs ربما تقديم أسرع إذا كنت تبحث عن المتوسط عبر كل متصفح.
أن يقال, إذا كنت في حاجة الى طاولة استخدام الجدول.
هذا السؤال تبدو مشابهة لهذه:لماذا لا تستخدم جداول تخطيط في HTML ؟ لذلك قد ترغب في التحقق من بعض الردود هناك أيضا.
في عام ، المتصفحات لن تجعل الجدول حتى الجدول بأكمله تم احتساب ، مما يعني أنه من وجهة نظر المستخدم طاولة كبيرة أبطأ من نفس المحتوى باستخدام التصميم المغلق بدلا من الجداول.كنت أعمل مع تطبيق ويب عند نقطة واحدة كان ذلك باستخدام الجداول لعرض الشبكة من مركز المعلومات ، و كانت مكثفة للغاية لعرض و بطيئة جدا.نفس المعلومات المعروضة باستخدام CSS كان أسرع و الأهم من ذلك بدأ عرض سطر سطر كما تم تحميل, بدلا من انتظار الجدول بأكمله ، لذلك شعرت أسرع غاية المستخدم.أود أن أقترح التحقيق باستخدام CSS لعرض البيانات باستخدام عينة البيانات للاختبار.هذا هو ما فعلته للتأكد من أن الجداول كانت في الواقع أبطأ بكثير خاصة في حالة استخدام لدينا.
إذا كنت تستخدم CSS من أجل تخطيط و يمكنك الانضمام إلى أفضل الممارسات والحفاظ على CSS في ملف منفصل(s) ثم CSS الخاص بك وعادة ما تحتاج فقط إلى أن يتم تحميلها مرة واحدة قبل أن يتم مؤقتا ، مما يتيح لك فوائد التخزين المؤقت.
إذا كنت تستخدم جداول تخطيط ثم تخطيط الجداول سيتم إرسالها مع HTML لكل صفحة زيادة عرض النطاق الترددي الخاص بك وتحميل مرات.
لتحسين سرعة تقديم الجداول على الرغم من أنك يمكن أن محاولة وضع table-layout:fixed; لمعرفة ما إذا كان هذا يساعد..
المتصفحات المختلفة لديها مختلف بعنف جافا سكريبت/css الأداء, لذلك من الصعب جدا أن التعميم هنا.على سبيل المثال, IE7 لديه مثير للصدمة بطء محرك كروم هو العقل bogglingly سريع.فايرفوكس هو في مكان ما بين depennding على إذا كنت تستخدم 2 أو 3.
وأود أن لا تأخذ سرعة تقديم باعتباره الجانب الأكثر أهمية هنا.HTML طاولات مصنوعة جداول البيانات.وضع ذلك في الكثير من DIVs أو حتى قد اكون مخطئا في فهمي.
مثل معظم الإجابات أعلاه ، أنا أيضا أن أقول استخدام الجداول إذا كان يتم عرض جداول البيانات و DIVs إذا كنت تريد التحكم في تخطيط (باستخدام CSS3). خلافا للاعتقاد ، الجداول ليست أبطأ في التقديم من DIVs إذا قمت بتعيين عدد قليل من الخصائص مثل colgroup والحفاظ على تخطيط ثابت.تحقق من تفاصيل في الرابط التالي:
sites.google.com/site/spyderhoodcommunity/xhtml/makingtablesrenderfasterwhenlistingtabulardata
للحصول على جداول البيانات ، استخدم الجدول.الجداول تأتي مع جميع أنواع الميزات لطيفة, مثل <thead> و <tfoot> tags, أساطير, والعناوين, تعليق, الخ.كل ما تحتاجه لجعل الجدول الجدول.
أيضا ، إذا CSS لا تعمل/أليس تحميل/لا يهم الجدول سوف لا تزال تبدو و تعمل بالطريقة التي ينبغي أن.
شخصيا من ما قرأت, إذا كنت فعلا عرض جداول البيانات, جدول أكثر ملاءمة لهذه المهمة ، أنا شخصيا هاي وجدت أن يكون صحيحا جدا.
كما الخام على عدد ما هو "أسرع" ، كما ذكر من قبل @skaffman ذلك يعتمد على المتصفحات...ولكن إلى أن "الصحيح" فمن المنطقي لاستخدام جدول جداول البيانات.
