كيف قُمت بتسريع التصفح على موقع أبانوب حنا للبرمجيات؟!

تسريع تحميل صفحات موقعك شئ مهم جداً للمستخدمين وهو من العانصر المؤثرة فى ترتيب موقعك فى نتائج محركات البحث وخاصةً جوجل. لذلك أردت أن أشارك معكم ما أفعله لتسريع التصفح على موقع أبانوب حنا للبرمجيات الذى أنت عليه الآن.

فلنبدأ بمعرفة تقييم سرعة الموقع الآن قبل اضافة المزيد من التحسينات لتسريع الموقع. موقع تقييم سرعة الموقع من جوجل (PageSpeed Insights) يقول أن موقع أبانوب حنا للبرمجيات سرعته 66/100 أى أنه جيد إلى حدٍ ما (أو مقبول) كما ترى فى الصورة التالية.


ولكن.. ما الذى يجعل الموقع بطئ! وما الأشياء التى نغيرها لنجل الموقع أسرع فى تحميل الصفحات وبالتالى سريع فى التصفح مع المستخدمين؟! 🤔

نصائح لتسريع تصفح الموقع:

1. استخدام صور بصيغة webp أو gif بدلاً من jpg و png

سألتزم بهذه النصيحة فى الشروحات والموضوعات القادمة بإذن الله.

2. تقليل عدد الطلبات (HTTP requests)

قمت بضم تنسيقات CSS مع بعض فى ملف واحد، وسكربتات JavaScript فى ملفين فقط. واستخدمت صور مرفوعة على استضافة الموقع بدلاً من صور موجودة على استضافات أخرى.

3. عمل تصغير لسكربت CSS الخاص بتنسيق الموقع

قمت بتصغير تنسيقات CSS عن طريقة أدوات "css minification tools" الموجودة على الإنترنت.

4. عمل تصغير لسكربت جافاسكربت (JavaScript)

قمت بتصغير سكربت جافاسكربت بإستخدام أدوات مجانية موجودة على الانترنت "JS Minify".

5. ضغط الصور وتقليل حجمها بحد أقصى (HD)

استخدام برنامج GIMP لتحديد أبعاد الصورة، ثم استخدم موقع compressor.io دائماً لضغط الصور وتصغير حجمها.

6. تقليل عدد الإضافات فى صفحات الموقع (plugins or widgets)

مسحت كل الإضافات التى لا تضيف قيمة أو معلومة للمستخدم الموقع، والإضافة المطلوبة قمت بكتابتها بنفسى بدلاً من استخدام اضافة للموقع (وهى "اقرأ أيضاً" أو الـ related posts).

7. وضع مدة مناسبة للحفظ المؤقت (Cache)

حددت مدة 7 أيام للصور، وشهر لتنسيقات css وسكربتات JavaScript وبذلك يُصبح الموقع أسرع فى ثانى مرة يقوم المستخدم بتصفح موقع أبانوب حنا للبرمجيات.

8. قلل إعادة التوجية (redirects)

لم أجد أى اعادة توجيه داخل الموقع والحمدلله.

والآن بعد كل هذه التغييرات دعونا نرى التحسن فى الموقع من خلال "PageSpeed Insights" فى الصورة التالية.

تقليل وقت تحميل الصفحة لزيادة تحسن ترتيب الموقع وإستجابته للزائرين

كان تقييم الموقع 66% ولكن بعد هذه التعديلات تحسّن أداء الموقع وأصبح أسرع بكثير حيث وصل التحسن إلى 91% وهذا ترتيب رائع جداً لسرعة الموقع.

اقرأ أيضاً:
- تحديث ثيم موقع أبانوب حنا للبرمجيات
- ما هو تصنيف لغات البرمجة؟!
- كيف تصبح مبرمج؟!

0 comments:

إرسال تعليق