كيف تجعل موقع الويب الخاص بك يتم تحميله بسرعة على الهاتف المحمول (2022)

أصبح أداء موقع الويب الخاص بك على الأجهزة المحمولة أكثر أهمية الآن من أدائه على أجهزة الكمبيوتر المكتبية.

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

وفقًا لـ StatCounter ، يستخدم أكثر من 50 ٪ من مستخدمي الإنترنت في جميع أنحاء العالم الأجهزة المحمولة. بينما ما يزيد قليلاً عن 47٪ يستخدمون أجهزة الكمبيوتر المكتبية.

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

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

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

سيؤدي تحميل موقع الويب الخاص بك بسرعة على الهاتف المحمول إلى تحسين مُحسنات محركات البحث وتقليل معدل الارتداد وزيادة التحويل.

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

اختبار سرعة موقع الويب الخاص بك

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

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

هناك العديد من أدوات اختبار الأجهزة المحمولة ، لكنني أفضل استخدام اختبار موقعي من Google لاختبار سرعة الهاتف المحمول.

ما عليك سوى زيارة ThinkWithGoogle وإدخال عنوان URL لموقعك. يجب أن تكون قادرًا على اختبار مدى سرعة موقعك.

بالنسبة لي ، يعد الموقع الذي يتم تحميله في غضون 3 ثوانٍ جيدًا بدرجة كافية. لكن برنامج Think With Google يوصي بـ 2.4 ثانية على الأقل.

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

فيما يلي أفضل الممارسات لتسريع موقعك على الجوال:

استخدم سمة سريعة الاستجابة

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

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

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

استخدم مضيف ويب سريع

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

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

أوصي بـ Cloudways و Kinsta لمواقع الويب المنشأة. يتم استضافة TargetTrend في Cloudways. بالنسبة إلى مواقع المبتدئين ، أوصي باستخدام Bluehost.

استخدم AMP

Accelerated Mobile Pages (AMP) هو مشروع من قبل Google لتسريع مواقع الويب على الهاتف المحمول.

تم تحسين AMP لتصفح الأجهزة المحمولة ويمكن أن تساعد في تسريع وقت تحميل موقع الويب بشكل ملحوظ. يمكنه أيضًا تقليل عدد الطلبات بأكثر من 77٪ وفقًا لدراسة.

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

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

تحميل الصور كسول

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

إذا حاولت اختبار موقع الويب الخاص بك على PageSpeed ​​Insight أو Web.dev وتم تحذيرك من "تأجيل الصور خارج الشاشة" ، فهذا يعني أن الصور تعمل على إبطاء وقت التحميل ويجب أن تفكر في التحميل البطيء.

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

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

تخلص من موارد حظر العرض

يمكن أن يؤدي التخلص من موارد حظر العرض إلى تسريع وقت تحميل موقع الويب الخاص بك على الهاتف المحمول.

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

يمكن أن يؤدي التخلص من هذه الموارد إلى تسريع وقت التحميل. هناك مكونات إضافية مثل Autoptimize يمكن أن تساعد في التخلص من موارد حظر العرض.

لدي مقال مفيد حول هذا الموضوع ، يجب أن تقرأ: كيفية التخلص من موارد حظر العرض في WordPress.

إزالة CSS غير المستخدمة

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

هناك مكونات إضافية مثل Perfmatters و Asset CleanUp يمكن أن تساعد في إزالة CSS غير المستخدمة.

لقد كتبت دليلًا بسيطًا حول هذا: كيفية إزالة CSS و JS غير المستخدمة في WordPress.

إنشاء CSS الحرجة

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

هناك مكونات إضافية يمكن أن تساعد في إنشاء Criticall CSS. يمكن لـ WP Rocket القيام بذلك ، ويمكن لـ LiteSpeed ​​Cache و WP Performance أيضًا إنشاء CSS مهم.

لديك نظام تخزين مؤقت جيد

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

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

يمكنك أن تطلب من مضيفك تثبيت وتفعيل ذاكرة التخزين المؤقت الورنيش. تشتهر ذاكرة التخزين المؤقت الورنيش بتسريع مواقع الويب.

تحسين الصور

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

يمكن أن يساعد تقديم صور WebP في زيادة سرعة موقع الويب أيضًا. WebP أصغر من JPG و PNG ، وبالتالي فهي أكثر ملاءمة للسرعة.

هناك العديد من المكونات الإضافية التي يمكن أن تساعد في تحويل صور WebP وتقديمها. يمكن لـ Optimole والصور المتطايرة القيام بذلك بشكل جيد للغاية.

تصغير الكود

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

يجب أن تفكر في تصغير JS و CSS.

تقدم معظم ملحقات التخزين المؤقت ميزات التصغير. لكن تأكد من استخدام التدريج للاختبار لأنه من المعروف أن التصغير يكسر مواقع الويب.

قلل عمليات إعادة التوجيه

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

تأكد من عدم وجود الكثير من عمليات إعادة التوجيه. إذا كنت كذلك ، فقم بتقليلها قدر الإمكان.

تمكين ضغط

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

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

هناك أيضًا مكونات إضافية يمكن أن تساعدك في تمكين الضغط إذا كان حل المكون الإضافي أكثر ملاءمة لك.

تقليل عدد AdSense لكل صفحة

يعد Google AdSense أحد أكثر الطرق شيوعًا لكسب المال من المدونات ، ولكنه معروف أيضًا بإبطاء مواقع الويب بشكل كبير.

من ملاحظتي ، إذا قمت بإلغاء تنشيط AdSense ، فستلاحظ على الفور فرقًا كبيرًا جدًا في وقت التحميل.

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

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

استخدم CDN

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

إذا كنت لا تستخدم CDN ، فأنت في عداد المفقودين !.

تحقق من أفضل مزودي WordPress CDN.

استخدم خط مكدس النظام

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

خطوط وخطوط Google الرائعة رائعة ولكنها يمكن أن تبطئ موقع الويب. يضمن استخدام مكدس النظام عدم إجراء أي طلبات خارجية ، نظرًا لأنه الخط المطلوب لأي جهاز يستخدمه المستخدم.

تسهل بعض السمات التغيير إلى مكدس النظام. ما عليك سوى التبديل إلى مكدس النظام.

استفد من أحدث إصدارات PHP

عادةً ما تكون إصدارات PHP الأحدث أسرع من الإصدارات الأقدم. يجب عليك التأكد من أنك تستخدم أحدث إصدار من PHP أو إصدار واحد فقط للخلف.

ليس فقط من أجل السرعة ، ولكن أيضًا من أجل الأمان.