تعديلات لتحسين أداء الموقع

📌📌

Leverage browser caching

وهي تتكلم عن ذاكره التخزين المؤقتة للمتصفح 

بشكل عام لكل موقع يجب ان يكون له شروط تخزين مؤقتة لتأمين سرعة تصفح جيدة للمستخدمين بدل تحميل الصفحات كل مرة من جديد .. ولكل سيرفر شروط تخزين معينة يمنحها لكل موقع ,,موقعنا فيه مشكلة بهذا الخصوص وهذا يسبب بطء عند فتحه سواء من الموبايل أو من الحاسوب ,, يوجد تفاصيل لحل هذه المشكلة موجودة بشكل كامل في المقالة ضمن الرابط أعلاه .

.....

Optimize images

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

Remove Render-Blocking JavaScript
يتم تفعيل هذا المؤشرعندما تشيراحصائيات سرعة الصفحة إلى أن مرجع HTML يقوم بحظر ملفات JavaScript الخارجية  في الجزء المرئي من الصفحة 

قبل أن يستدعي المتصفح صفحة يجب عليه أن يبني ما يسمى شجرة DOM من خلال تحليل علامة HTML , وأثناء هذه العملية في أي وقت عند إيجاد أي script  يجب أن يقوم بإيقافها واستبعادها قبل ان يكمل تحليل HTML 

وفي هذه الحالة تجبر script الخارجية المحلل على الانتظار للمواد حتى يتم تحميلها وهذا بدوره يسبب ذهاب وإياب في الشبكة وتأخيرالاستدعاء الأول للصفحة ,

تابع الرابط  لتتعرف على المزيد عن أثر الجافاسكريبت على طريق الاستدعاء الحساس.

,,,,,,,,,,,,,,,

💛💛💛💛

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

Size tap targets appropriately ويتم تفعيل هذا الخطأ في حال كانت بعض الروابط أو الأزرار في الموقع صغيرة جداً وتزعج راحة الزائر

48 CSS pixels tall/wide  وهذا هو القياس المناسب الاصغر للزر في الموقع .

....

Enable compression

ويتم تفعيل هذا الخطاً عندما يتم اكتشاف أن الموارد القابلة للضغط يتم تقديمها بدون صيغة ضغط gzip 

كل المتصفحات الحديثة تدعم بشكل اوتوماتيكي صيغة ضغط gzip  وهذا بدوره يساعد في تقليل حجم الاستجابة المنقولة حتى 90% وهذا بدوره يؤثر بشكل كبير على الزمن اللازم لتحميل الموارد وتقليل استخدام البيانات من قبل المستخدم وبالتالي تسريع استدعاء الصفحة .
....
Minify CSS
يتم تفعيل هذا الخطاً عندما يتم اكتشاف أن أحد أنواع المصادر يمكن تقليله بواسطة التصغير.
التصغير هو عملية إزالة البيانات الغير ضرورية أو الزائدة بدون التأثير على كيفية معالجة الموارد من قبل المتصفح وكمثال على ذلك ( رموز التعليقات / التنسيق / إزالة الرموز الغير مستخدمة ) وبشكل أساسي تعتمد هذه النقطة على اختصار كل شيء يمكن اختصاره.

.....
Minify JavaScript

وهي نقطة تابعة للنقطة التي تسبقها وفي الرابط شرح مفصل عنها أيضاً .
....

Prioritize visible content تقليل حجم المحتوى المرئي من الصفحة ويتم تفعيل هذا الخطأ عندما يتم أكتشاف أنه هناك حاجة لدورات شبكة إضافية لتحميل القسم الأعلى المرئي من صفحة الويب إذا كان حجم البيانات المطلوب تحميلها تجاوز النافذة الابتدائية المقدرة ( 14.6) كيلو بايت مضغوط فهذا بالتالي يتطلب دورات إضافية بين السيرفر ومتصفح المستخدم ليتم تحميل الصور بالكامل للمستخدمين ضمن شبكات الموبايل ذات التأخير الكبير ممكن أن يؤدي بقاء هذا النص المرئي إلى تأخير كبير عند تحميل الصفحات ....

Reduce server response time

إذا كان زمن استجابة السيرفر أكثر من 200 ميلي ثانية يتم تفعيل هذا الخطأ .
تقاس استجابة السيرفر بالوقت الذي يتطلبه لتحميل ملفات HTML الأساسية لبدء استدعاء الصفحة من السيرفر مطروح منها التأخيربين غوغل والسيرفر الخاص بك.
هناك من المؤكد اختلاف بين كل مرة ولكن يجب أن لا تكون الفروقات بين هذه الاختلافات كبيرة , في الحقيقة, الاختلافات الكبيرة في زمن استجاربة