Burak Daliahmad
projects/ →
Al Badya Tent — إعادة هيكلة للأداء
08

Al Badya Tent — إعادة هيكلة للأداء

مراجعة للشيفرة المصدرية وإعادة هيكلة كاملة لموقع Nuxt قائم، موجّهة إلى سرعة التحميل تحديداً. تحرّكت فئات Lighthouse الأربع كلها، وارتفع الأداء من 50 إلى 94.

Nuxt 3Vue 3Bootstrap 5مراجعة شيفرةإعادة هيكلةأداء الويب

موقع قائم بلغتين لشركة خيام ومظلات في الإمارات — المنتجات والخدمات، ومركز إعلامي فيه الأخبار والصور والفيديو، وقائمة عملاء من دوائر ومجالس حكومية. كان يعمل. وكان بطيئاً.

كانت المهمة في FSIT قراءة الشيفرة، ومعرفة أين يذهب زمن التحميل فعلاً، وإعادة هيكلة المشروع حول الجواب بدل الترقيع حوله.

قبل

درجات Lighthouse قبل العمل: الأداء 50، الوصولية 75، أفضل الممارسات 88، تحسين محركات البحث 91

Lighthouse قبل العمل — الأداء 50، الوصولية 75، أفضل الممارسات 88، تحسين محركات البحث 91.

بعد

درجات PageSpeed Insights بعد العمل: الأداء 94، الوصولية 94، أفضل الممارسات 92، تحسين محركات البحث 100

PageSpeed Insights، سطح المكتب، بعد العمل — الأداء 94، الوصولية 94، أفضل الممارسات 92، تحسين محركات البحث 100.

تحرّكت الفئات الأربع لا واحدة منها، وهذا شكل إعادة الهيكلة عادةً: الشيفرة التي تُعاد كتابتها من أجل زمن التحميل هي نفسها التي تُقرأ منها الوصولية وتحسين محركات البحث.

⎇ mainalbadia-tent.vueمتاح للعملUTF-8made with❤️by me