كيفية تسريع وقت تحميل الصفحة باستخدام تحسينات بسيطة لموقع الويب

سرعة الصفحة يمكن أن تجعلك أو تحطمك على الإنترنت.

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

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

إذن ، ما الذي يمكنك فعله للتأكد من أنك محسّن؟ دعنا نلقي نظرة على بعض الطرق لجعل صفحة الويب الخاصة بك أسرع ، وكيفية تسريع وقت تحميل الصفحة ، وأفضل الممارسات الأخرى لوقت تحميل الصفحة وزيادة السرعة.

لماذا يعتبر وقت تحميل الصفحة مهمًا

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

أعلنت Google لأول مرة أن سرعة الموقع ستؤثر على الترتيب في عام 2010 واستمرت في إثبات أهميتها. في عام 2018 ، قدمت Google سرعة الصفحة كعامل تصنيف لسرعة موقع الجوال.

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

هل تريد معرفة المزيد حول كيفية تحسين سرعة تحميل الصفحة؟ فيما يلي بعض المجالات الرئيسية التي يجب مراعاتها.

أهمية سرعة الصفحة

لطالما كان وقت تحميل الصفحة مهمًا لسبب واضح جدًا: التحويلات. ببساطة ، تزيد المواقع السريعة التحويلات - وتقلل المواقع البطيئة منها.

في الواقع ، أدى التحسن بمقدار 0.1 ثانية في سرعة موقع الويب للجوال إلى زيادة بنسبة 8.4٪ في معدلات التحويل لشركات البيع بالتجزئة ، حسبما وجدت Google في دراسة عام 2020.

تؤثر سرعة الموقع أيضًا على معدلات الارتداد. عندما يواجه المستخدمون موقعًا بطيئًا ، فإنهم يغادرون. وجد تقرير من Akamal Technologies أن التأخير لمدة ثانيتين في وقت تحميل الصفحة قد يزيد من معدل الارتداد لموقع الويب بنسبة 103٪.

اختبار وقت تحميل صفحتك

للحصول على لقطة لموقع الويب الخاص بك وإنشاء معايير قبل وبعد عملية التحسين ، فإن أول شيء تريد القيام به هو اختبار سرعة صفحتك الحالية. هناك أداتان يمكنك البدء بها هما Google Page Speed ​​Insights و Webpagetest.org.

تأكد من إجراء اختبارات متعددة ومتوسط ​​نتائجك. يتيح لك Web Page Test القيام بذلك تلقائيًا في قائمة الإعدادات. من الحكمة دائمًا اختيار موقع اختبار قريب من مكان استضافة موقعك لضمان حصولك على أكثر النتائج دقة.

هذه هي الطريقة التي نعد بها عادةً webpagetest.org لفحوصات السرعة الأساسية.

أدناه يمكنك رؤية متوسط ​​نتائج اختبار سرعة الصفحة على موقع Magento التجريبي. لقد اخترنا ثلاثة من أهم وأهم الإحصائيات التي نريد استخدامها لتحسين الموقع.

الإحصاء الأول هو وقت التحميل. هذا يوضح لنا الوقت الكامل الذي يستغرقه تحميل صفحتنا. تذكر أنه إذا استغرق تحميل الصفحة أكثر من ثلاث ثوانٍ ، فقد تفقد نصف عدد الزيارات المحتملة. هذا الرقم هو أهم تغيير بالنسبة لنا.

الحالة الثانية هي Time To First Byte (TTFB). في حين أنه يمكن أن يساعد في تقديم التوجيه ، يمكن التلاعب بـ TTFB بسهولة نسبيًا ويمكن أن تختلف أهميته. إذا كنت تستخدم Google Lighthouse ، فيمكنك أيضًا تتبع First Contentful Paint و First Meaningful Paint التي تقدم تقريراً عن مدى سرعة صفحتك في "تلوين" الشاشة بعناصر من المحتوى الخاص بك.

هل سبق لك تحميل وصفة ولم يتعرف نصفها على سرعة التمرير لأنك تحاول تجاوز جميع الإعلانات والسرد؟ هذا لأنه وقت FCP / FMP بطيء جدًا.

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

شلال سرعة الصفحة

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

بمجرد النظر إلى الشلال ، يجب أن تكون لديك فكرة أفضل عما يمكن تحسينه. أعلاه ، يمكننا أن نرى أنه من المحتمل أن يتم تسريع بعض ملفات .js الأمامية قليلاً.

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

كيفية تسريع وقت تحميل الصفحة عبر محتوى الويب

ضغط الصور وتحسينها

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

نوصي بشدة بقياس الصور بشكل مناسب. إذا كانت الصورة ستشغل مساحة 100 × 100 بكسل على موقعك ، فلا داعي لجعلها 1000 × 1000. نوصي باستخدام مكون إضافي مثل Smush أو EWWW Image Optimizer إذا كنت تقوم بتشغيل موقع WordPress.

كيفية التحويل إلى صور WebP على WordPress >>

ملحقات نوع الصورة

عند حفظ الصور ، من المهم معرفة الامتداد المطلوب استخدامه. هل يجب أن يكون .jpg أو .png؟ هل أرسل لك أحدهم شعارًا بتنسيق .svg؟ هناك الكثير من المعلومات المتضاربة حول الأفضل.

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

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

ضغط محتوى الموقع

الصور ليست عناصر الصفحة الوحيدة التي تحتاج إلى ضغط. يجب أيضًا ضغط عناصر CSS و HTML و JavaScript على موقعك. GZip هي أداة ضغط موصى بها بشدة تقترح Google اختبارها قبل التنفيذ في بيئة إنتاج. نوصي باستخدام بيئة Dev Site التي تحاكي بيئة الإنتاج الخاصة بك إذا كنت تخطط للقيام بذلك.

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

تبسيط تصميم الويب

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

بالإضافة إلى تحسين سرعة الصفحة ، فقد ثبت أيضًا أن تصميم الويب البسيط يعمل على تحسين تجربة المستخدم في كثير من الحالات. في دراسة UX أجرتها Google ، وجد أن المستخدمين يميلون إلى الحكم على جماليات موقع الويب في حدود 1/50 - 1/20 من الثانية ، وأن المواقع المعقدة بصريًا يُنظر إليها دائمًا على أنها أقل جمالًا من نظيراتها البسيطة.

كلما كان موقع الويب يبدو أكثر جمالًا ، كلما كانت تجربة المستخدم وتحسين محركات البحث أفضل ، وستزداد التحويلات. يعد تصميم موقع الويب البسيط أحد أسرع الطرق لتحسين سرعة الصفحة في غضون فترة زمنية قصيرة. ومع ذلك ، نوصي بإجراء اختبارات A / B لمعرفة كيفية أداء التغييرات فعليًا بدلاً من إجراء تغيير بنسبة 100٪ على الفور.

كيفية تسريع وقت تحميل الصفحة عبر مضيفك

يلعب مضيفك أيضًا دورًا كبيرًا في وقت تحميل الصفحة. فيما يلي بعض الطرق لجعل وقت تحميل الصفحة أسرع مع مضيفك.

تمكين التخزين المؤقت

التخزين المؤقت هو المكان الذي يتمكن فيه الزائرون المتكررون من تحميل موقعك بشكل أسرع بفضل عناصر الصفحة التي يتم تخزينها على محرك الأقراص الثابتة في ذاكرة تخزين مؤقت أو تخزين مؤقت. بالنسبة لمواقع WordPress و WooCommerce ، نستخدم Redis Object Cache لإدارة وظائف التخزين المؤقت. سيأتي هذا مثبتًا مسبقًا ومهيئًا مسبقًا عند شراء خطة استضافة مُحسّنة من WordPress من خلال Nexcess.

من أجل تحسين سرعة الصفحة بشكل أكبر ، تسمح Nexcess Cloud باستخدام Cloud Accelerator. يمكن تشغيل هذا وإيقاف تشغيله بسهولة بنقرة زر واحدة أسفل قسم الأداء في بوابة العميل.

غير متأكد ما إذا كان يجب عليك تشغيل الورنيش أو NGINX؟ اكتشف المزيد حول الفرق بين الورنيش و NGINX في دليلنا النهائي لتحسين Magento 2.

التخزين المؤقت و CDN

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

لماذا تحتاج إلى WordPress CDN >>

بالنسبة إلى WordPress و WooCommerce ، راجع دليلنا حول كيفية تكوين Nexcess CDN باستخدام WordPress و CDN Enabler.

مجالات أخرى للنظر فيها

ما هي الصفحة التي تقوم بتحسينها؟

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

على سبيل المثال ، ليس من المفيد لنا مجرد تحسين Nexcess.net فحسب ، بل نحتاج أيضًا إلى تحسين Nexcess.net/magento/hosting و Nexcess.net/cloud/hosting.

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

سرعة الصفحة وتحسين محركات البحث

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

في النهاية ، تعد سرعة الصفحة جزءًا مهمًا من التحسين ، ولكن يجب أن يكون المحتوى والجودة وتجربة المستخدم هي التركيز الأساسي دائمًا.

تسريع وقت التحميل مع المضيف المناسب

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

إذا كنت تستثمر الوقت والجهد في تحسين وقت تحميل الصفحة ، فأنت تحمي عملك الرقمي. قم بمطابقة رصيدك من الجهد مع الاستثمارات الذكية. اتخذ خطوتك التالية باختيار مضيف أثبت قابلية التوسع والأمان والسرعة والدعم - مثل Nexcess.

توفر Nexcess استضافة WordPress مُدارة بالكامل تتضمن:

• التحديثات التلقائية.
• SSL للأمن.
• المدمج في CDN.
• ضغط الصورة.
• التخزين المؤقت.
• و اكثر!

انظر بنفسك مع إصدار تجريبي مجاني لمدة أسبوعين.

محتوى ذو صلة

• كيف تؤثر سرعة الصفحة على تحسين محركات البحث
• 5 تقنيات متقدمة لتسريع موقع WordPress الخاص بك
• كيفية زيادة سرعة موقع WooCommerce وتجنب الاستعلامات البطيئة
• أعلى WooCommerce حجم الصورة المأجورون للحفاظ على سرعة موقع الويب الخاص بك
• ما هي شبكة توصيل المحتوى (CDN)؟
• 7 أسرع ثيمات WordPress
• لماذا تحتاج إلى CDN؟ | Nexcess Tech Talk

تم نشر هذه المدونة في الأصل في يوليو 2018. ومنذ ذلك الحين تم تحديثها للتأكد من دقتها وشمولها.