نام: Reduce the number of DOM elements

نوع: محتوا
اولویت: پایین
میزان سختی: متوسط
میانگین امتیاز: 92%

مدل DOM یا Document Object Model برای دسترسی به عناصر و اشیاء موجود در یک صفحه HTML می‌باشد.

مدل DOM برای این دسترسی به فایل از یک درخت سلسله مراتبی کمک می‌گیرد.

این درخت شی Window را به عنوان عنصر مادر در سند HTML در نظر گرفته و به عناصر درجه پایین تر ادامه پیدا خواهد کرد.

تا انداره ای ادامه پیدا میکند تا به عناصر پایین رده متن و نوشته می‌رسد.

تصویر زیر به شما ظاهر کلی درخت سلسله مراتبی DOM را نشان می‌دهد:

همانطور که میدانید، یک سایت از بخش های گوناگونی مثل متن‌ها، تصاویر، جدول‌ها، فرم‌ها و … تشکیل شده است.

برای بارگذاری بخش‌های سایت‌ از یک درخت سلسله مراتبی DOM استفاده می‌شود.

اگر لود این درخت سلسله مراتبی DOM طول بکشد، خطای Reduce the number of DOM elements در GTmetrix نشان داده می‌شود.

چرا باید به دنبال رفع خطای Reduce the number of DOM elements نباشیم؟

حال معلوم است این خطا به معنای کاهش عناصر درخت سلسله مراتبی DOM می‌باشد.

برای کاهش تعداد المان‌های DOM شما باید با زبان برنامه نویسی JavaScript و DOM آشنا باشید.

بسیاری از دوستان که از قالبت های وردپرسی استفاده می‌کنند، ممکن است مشکل از DOM باشد.

هرچند درصورتی که بقیه قسمت های سایت را بهینه کرده‌اید، بهتر است اررور Reduce the number of DOM elements را در نظر نگیرید.

پس درصورتی که نیاز می‌بینید این اررور را برطرف کنید، باید با یک برنامه نویس حرفه‌ای جاوااسکریپت JavaScript در ارتباط باشید.

هر قالبی به شکل مختص به خود کد نویسی شده است، بنابراین رفع این مشکل وقت زیاد یا هزینه بالایی دربر دارد.

با مسائل گفته شده به دنبال کد جادایی نباشید.

این اررور را نمی‌توان به راحتی با و تغییرات جزئی در سایت GTmetrix برطرف کرد.

اگر در سایت‌های داخلی و خارجی نیز مطالعه‌ای داشته باشید، متوجه خواهید شد راه حل ساده‌ای برای آن وجود ندارد.

از طرفی با توجه به زمانبر و پر هزینه بودن رفع این اررور، شما بهتر است الویت بندی لازم را داشته باشید.

زیرا با توجه به محدودیت زمان و هزینه، شما نمی‌توانید همه نوع خطا را برطرف سازید.