Google Page Speed - ماذا تعني هذه الرسائل?

Question

ركضت صفحة جوجل سرعة فايرفوكس التمديد على بضع صفحات ، تحت عنوان "كفاءة محددات CSS" المدرجة مختلف الأشياء التي هي غير فعالة في CSS.

ولكن بعض الرسائل يبدو قليلا خفي - ما هذه (في جريئة) يعني:

div#القائمة h3.قريبا صغيرة
العلامة الرئيسية مع 2 سليل محددات الهوية بشكل مفرط المؤهلين مع العلامة والدرجة مفرط المؤهلين مع الوسم

الجدول.البيانات tr:nth-child(2n) td
العلامة الرئيسية مع 2 سليل محددات الطبقة مفرط المؤهلين مع الوسم

الجدول.البيانات tr.تعطيل td
العلامة الرئيسية مع 2 سليل محددات الطبقة مفرط المؤهلين مع العلامة والدرجة مفرط المؤهلين مع الوسم

أفترض أنهم يعتقدون سليل محددات سيئة ولكن هناك الكثير من "مفرط المؤهلين" كذلك.ربما لن تذهب إلى الكثير من الجهد لإصلاح كل هذه (وهناك العديد من) ولكن سيكون من الجميل أن تعرف ماذا جوجل يعني في الواقع هنا!

Answer 1

أولا, أنا لم تستخدم سرعة الصفحة, ولكن الرسالة ليست خفي إذا كنت تأخذ ثانية إلى قراءتها.

div#القائمة h3.قريبا صغيرة

العلامة الرئيسية مع 2 سليل محددات الهوية بشكل مفرط المؤهلين مع العلامة والدرجة مفرط المؤهلين مع الوسم

العلامة الرئيسية مع 2 سليل محددات: كم من فئة صغيرة لا عليك أن لا ترد في علامة أخرى مع الطبقة قريبا ؟ لا شيء ؟ CSS التعشيش سيكون لا لزوم لها تماما في هذه الحالة.

معرف بشكل مفرط المؤهلين مع الوسم: #القائمة لا تحتاج إلى إرفاق مسبقا مع شعبة.كنت على الأرجح لم يكن لديك أي علامات أخرى في العلامات الخاص بك مع معرف القائمة (لا يجب ، هوية!), حتى يتبع القائمة مع شعبة في زائدة عن الحاجة.

فئة مفرط المؤهلين مع الوسم: .قريبا لا تحتاج إلى إرفاق مسبقا مع h3.كنت على الأرجح لم يكن لديك أي العلامة في العلامات الخاصة بك مع الطبقة قريبا بخلاف h3 به ، حتى أن يتبع .قريبا مع h3 لا لزوم لها.

غيرها من الرسائل اتبع بالمثل.

-ستيفن

Answer 2

وقال ستيفن جيدا.

والسبب أنهم الضعيف الخاص بك محددات هو أن قواعد CSS يقابل اليمين إلى اليسار.

يتبع معرف مع عنصر (كما في div#المحتوى) لا لزوم لها لأن المتصفح بالفعل يقابل محدد قبل أن تصل إلى "شعبة".ولكن المتصفح لا يزال يجبر لتقييم ذلك.

سليل محددات غالية الثمن لأن المتصفح يجب أن تحقق في جميع حالات عنصر dom المشار إليها في أقصى اليمين بسيطة محدد ضد كل ما يمكن الأجداد.متعددة أحفاد مجمع أداء عقوبة.

وقال أداء مكسب تحقق من تحسين محددات (في معظم الحالات) لا يكاد يذكر.

Answer 3

هو يقول لا يوجد سبب استخدام الوسم منذ كنت تعطي الدرجة إذا كنت بالفعل الحد وأنها يجب أن تفعل اضافية البحث.

على سبيل المثال:

div#menu h3.soon .small

هنا لا يوجد أي سبب أن تبدأ مع div منذ كنت سوف ننظر فقط في فئة صغيرة في الطبقة قريبا في علامة h3 أدناه عنصر html مع معرف القائمة.

فهي توحي بأن شيئا مثل هذا

#menu .soon .small {...}

أو حتى

#menu {...}

.soon {...}

.small {...}