منتديات رحيل لكل العرب - كيف تصل إلي افضل نتيجة لسرعة الصفحة

في البداية دعونا نتعرف على كيفيفة تحميل صفحة الويب

بعدا ان يفتح المستخدم المتصفح الخاص به ، ثم يدخل على موقع الويب الخاص بك ، وهناك طلب DNS. هذا يشير إلى اسم نطاقك ، لذلك ربما ، Host / Server وهذا يشير إلى خادمك حيث توجد ملفاتك ، لذا يبدأ النطاقق بتحميل كل HTML الخاص بك ، CSS الخاص بك ، وجافا سكريبت الخاص بك لعرض صفحة ويب أو تحميلها.
https://cdn.expandcart.com/wp-conten...2019/03/12.jpg
المشكلات التي قد تؤدي إلى إبطاء موقعك

ما هي بعض من المشكلات الأكثر شيوعا؟

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

لكن كل هذه الأشياء يمكن أن تكون سبباً. لذلك سنتناول بعض منها ، وبعض المقاييس وماذا تعني ، ثم ما هي بعض الطرق التي يمكنك من خلالها تحسين سرعة صفحتك اليوم.
أدوات تحسين سرعة الصفحة

https://cdn.expandcart.com/wp-conten...page-speed.png
الموارد الأساسية التي أدرجتها هنا هي أدوات Google والأفكار المقترحة من Google. أعتقد أن ما يثير الاهتمام حقًا في هذه الأمور هو معرفة ما هي مخاوفهم من قدر سرعة الصفحة وتبدأ بالفعل في رؤية التحول الذي ينتج نحو المستخدم عند تصفح موقعك. يجب أن نفكر في ذلك على أي حال. ولكن أولاً وقبل كل شيء، كيف يؤثر ذلك على الأشخاص الذين يتصفحون إلى موقعك ، وثانياً، كيف يمكننا أيضًا الحصول على الفائدة من Google.
نحن نعلم أن Google تقترح إنشاء موقع ويب لتحميله في أي مكان في زمن بين ثانيتين وثلاث ثوانٍ. وكلما كان أسرع كلما كان ذلك أفضل ، من الواضح. أنا أقترح أيضا أن تأخذ الامور نحو نطاق تسويقي و ان تضعه في نظرة تنافسية. ضع هذه الأداة كمعيار لتقييم أداء صفحات المنافسين و قم بتحديد السرعة المناسبة و ابدء في تقييمهم على هذا النحو.
تقرير من مستخدمى Google Chrome
هذه الأداة متوفرة في متصفح Chrome. للأسف ، لا يتوفر العمل بها إلا لمواقع الويب الكبيرة والشعبية ، ولكنك تحصل على بعض البيانات الجيدة منها. انها موجودة في Big ML ، لذلك هناك حاجة إلى بعض المعارف الأساسية SQL.
منارة Lighthouse
المنارة ، واحدة من الأدوات المفضلة لمستخدمي Google Chrome ، متاحة مباشرة في أدوات Chrome Dev. إذا كنت في صفحة ويب وقمت بالنقر Ctrl+Shift+C / Audits وقمت بفتح Chrome Dev Tools ، إلى علامة التبويب أقصى اليمين حيث تقول “التدقيق” ، يمكنك تشغيل تقرير منارة مباشرة في المستعرض الخاص بك و يمكن تثبيتها ضمن إضافات جوجل كروم من هنا
إحصاءات سرعة الصفحة
إحصاءات سرعة الصفحة لابد من الأهتمام بها. لقد تم إدراج تقرير تجربة مستخدم من جوجل كروم. ولكن لابد ان يكون موقعك كبير و يحتوى على محتوى ضخم و اذا لم يكون كذالك، فلن يقوم حتى بقياس سرعة الصفحة الفعلية الخاصة بك. أنظر في كيفية تكوين موقعك وتقديم التعليقات وفقًا لذلك وتسجيله. كونك على علم بها فهذا شيء جيد جدا.
اختبر سرعة موقعك وأداءه

https://cdn.expandcart.com/wp-conten...-page-test.jpg
اذا كنت تريد معرفة سرعة موقعك من خلال الأدوات التي تقدمها Google و هي لقياس سرعة موقعك من خلال التصفح من الموبايل testmysite.thinkwithgoogle.com. هذا خدمة رائعة لأنه يختبر سرعة موقعك على الموبايل . إذا قمت بالتمرير لأسفل ، فانك تتعرف على السرعة التى يتخذها موقعك للبدء و ما هو تقييم هذه السرعة و نتائجها بالنسبة لتجربة المستخدم و بعض الملاحظات لتصحيح الأخطاء التى تسبب في بطء صفحة الموقع و يقترح عليك بعض التحسينات .
https://cdn.expandcart.com/wp-conten...speed-test.jpg
و يمكنك ايضا استخراج تقارير حول احصاءيات سرعة الصفحات في موقعك من خلال خدمة جوجل هنا
https://cdn.expandcart.com/wp-conten...03/unnamed.png
مقاييس سرعة الموقع

إذن ما هي بعض مقاييس الظهور و ترتيبهم و المفاهيم؟

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

https://cdn.expandcart.com/wp-conten...page-speed.jpg
على الجانب التقني او الفني

استخدام HTTP / 2
يمكنك استخدام طريقة HTTP / 2 التأكيد من تسريع الامور.
الربط المسبق ، الجلب المسبق ، التحميل المسبق
فالتوصيل المسبق والجلب المسبق والتحميل المسبق أمر مهم للغاية في تسريع الموقع. نرى Google تفعل ذلك على إذا قمت بفحص عنصر ما ، فيمكنك أن تطلع Google على بعض عناوين URL بجعله أسرع. و يساعد على تحميل وتسريع هذه العملية.
تمكين التخزين المؤقت واستخدام شبكة توصيل المحتوى (CDN)
التخزين المؤقت هو آمر في غاية الأهمية. بالتأكيد القيام ببحثك والتأكد من هذا الإعداد بشكل صحيح. كما هو الحال مع شبكات CDN ، فهي قيمة للغاية في تسريع الموقع ، لكنك تريد التأكد من إعداد CDN الخاص بك بشكل صحيح.
ضغط الصور
إن أسهل وأسرع طريقة ممكنة لتسريع موقعك اليوم هي فقط لضغط تلك الصور. إنه شيء سهل القيام به. هناك كل أنواع الأدوات المجانية المتاحة لك لضغطها. يمكنك حتى استخدام أدوات مجانية على جهاز الكمبيوتر الخاص بك ، وحفظ للويب ، وضغط بشكل صحيح.

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