كيفية تحسين موقع ووردبريس WordPress للجوال و للأجهزة الذكية المحمولة
ستعلمك هذه المقالة كيفية التحقق مما إذا كان موقع WordPress الخاص بك مناسبًا للجوال ، والاستراتيجيات التي يمكن استخدامها لتحسين موقع WordPress الخاص بك لمستخدمي الأجهزة المحمولة ، وكيفية تسريع موقع الويب الخاص بك خصيصًا لمستخدمي الأجهزة المحمولة دون تداول جودة مستخدم موقع الويب الخاص بك خبرة.
تم إنشاء 54.4٪ من إجمالي حركة مرور الإنترنت على هذا الكوكب بواسطة الأجهزة المحمولة في عام 2021.
وذكرت DataReportal أن 55.4٪ من مستخدمي الإنترنت قاموا بعمليات شراء عبر الإنترنت باستخدام أجهزتهم المحمولة في نفس العام. وفوق ذلك ، اكتشف 73.1٪ من مصممي الويب أن تحسين الهاتف المحمول أو التصميم سريع الاستجابة هو السبب الرئيسي وراء تحول الزائرين إلى موقع ويب آخر.
توضح هذه الأرقام مدى أهمية أن يكون لدى أي شركة موقع ويب متوافق مع الجوّال. تشير دراسة أخرى إلى أن WordPress يدعم 48٪ من مواقع الويب على الإنترنت ، وهو رقم يتزايد يوميًا.
من الواضح أن مواقع WordPress يجب أن تكون متوافقة مع الجوّال قدر الإمكان لكل من مستخدمي سطح المكتب والجوّال.
ولكن ، كيف يمكنك التأكد من تحسين موقع WordPress الخاص بك للأجهزة المحمولة مع الحفاظ على جودة التجربة التي تريدها لمستخدميك؟
ستعلمك هذه المقالة كيفية التحقق مما إذا كان موقع WordPress الخاص بك مناسبًا للجوال ، والاستراتيجيات التي يمكن استخدامها لتحسين موقع WordPress الخاص بك لمستخدمي الأجهزة المحمولة ، وكيفية تسريع موقع الويب الخاص بك خصيصًا لمستخدمي الأجهزة المحمولة دون تداول جودة مستخدم موقع الويب الخاص بك خبرة.
كيفية التحقق مما إذا كان موقع WordPress الخاص بك مناسبًا للجوّال
يوفر موقع الويب المتوافق مع الجوّال تجربة مستخدم عالية الجودة للمستخدمين على جميع أحجام الشاشات دون أي خسارة في الأداء. يمكن استخدام العديد من الأدوات على الإنترنت لإجراء اختبار التوافق مع الأجهزة المحمولة لموقع ويب.
التوصيات الموصى بها هي Google Lighthouse و PageSpeed Insights ، وكلاهما تم إنشاؤه بواسطة Google. ومع ذلك ، هناك أشياء أخرى موثوقة مثل اختبار Google Mobile-Friendly Test الذي لا يوفر الكثير من التفاصيل الفنية للعمل عليها ولكنه مفيد بشكل خاص لتحسين واجهة المستخدم وتجربة المستخدم للزوار عبر الأجهزة المحمولة.
يتم تصنيف التفاصيل الفنية الأساسية فيما يتعلق بالود والأداء على الأجهزة المحمولة ، بشكل عام ، على أنها “عناصر حيوية للويب الأساسية” (CWV). تتضمن “حيوية الويب الأساسية” ما يلي:
أكبر رسم محتوى (LCP):
الوقت الذي يستغرقه تحميل أكبر عنصر في منفذ العرض.
أول تأخير في الإدخال (FID): المدة التي يستغرقها المستعرض للاستجابة للتفاعل
التحول التراكمي في التخطيط (CLS):
ما مقدار الاختلاف الذي يحدث في بنية الصفحة عند تحميل عنصر جديد ، أي هل تغير العناصر موضع إطار العرض؟
يتم قياس هذه العناصر الحيوية للويب والإبلاغ عنها بواسطة Google Lighthouse و PageSpeed Insight لتوفير بيانات قابلة للتنفيذ لتحسين سرعة الموقع الإجمالية.
منارة جوجل
Lighthouse هي أداة مفتوحة المصدر أنشأتها Google لتدقيق مواقع الويب والإبلاغ عن مقاييس الأداء الرئيسية مع رؤى حول كيفية تحسين أداء الموقع.
بالإضافة إلى توفير المقاييس على Core Web Vitals ، يتحقق Lighthouse أيضًا من إمكانية الوصول وكبار المسئولين الاقتصاديين الأساسيين المطلوبين لتحسين ترتيب الموقع في محركات البحث.
ومع ذلك ، يوفر Lighthouse مزيدًا من التفاصيل حول مشكلات الأداء. على سبيل المثال ، قد يقترح Lighthouse استخدام نسخة محسنة من الصورة المعروضة مما يتسبب في بطء سرعة الموقع.
PageSpeed Insights
مملوكة أيضًا لـ Google ، وهي أداة قائمة على المتصفح لتدقيق الموقع وتقارير الأداء. يوفر نظرة ثاقبة حول “أساسيات الويب الأساسية” ومقاييس الأداء على مستوى الصفحة.
يشمل الاختلاف الرئيسي بين رؤى Lighthouse و PageSpeed ما يلي:
طريقة التشغيل:
تعمل Lighthouse في سطر الأوامر وعلى المتصفحات ، وتعتمد PageSpeed بشكل صارم على المستعرض.
النطاق: تفحص Lighthouse موقع الويب بالكامل بحثًا عن مشكلات في الأداء بينما تفحص PageSpeed صفحة واحدة بحثًا عن إحصاءات.
مستوى التفاصيل: يوفر Lighthouse اقتراحات حول كيفية تحسين مشكلات الأداء بينما يسلط PageSpeed الضوء على المشكلة التي تم العثور عليها.
اختبار التوافق مع الأجهزة الجوّالة من Google
هذه الأداة المقدمة من Google كجزء من أدوات مشرفي المواقع الخاصة بها تحلل عنوان URL لموقع الويب وتقدم ملاحظات حول ملاءمته للجوال. إذا كانت صفحة موقع الويب متوافقة مع الجوّال ، فستظهر علامة تحقق خضراء مع رسالة نجاح وتوفر خيارًا لعرض الصفحة التي تم اختبارها ولقطة شاشة للصفحة على شاشة الهاتف المحمول.
إذا لم يكن الأمر كذلك ، فسيظهر لك قائمة من الاقتراحات حول الأماكن التي يجب تحسينها لاجتياز اختبار التوافق مع الأجهزة المحمولة.
من المهم ملاحظة أن هذه الأداة لا تزحف إلى جميع عناوين URL على الموقع المحدد ، بل إنها تزحف فقط إلى الصفحة المعروضة على عنوان URL المحدد.
تساعد هذه الأدوات في معرفة أن التحسين هو أكثر من مجرد جعل المواقع سريعة على أجهزة الجوال. على سبيل المثال ، الاقتراحات المقدمة من Google Mobile-Friendly Test ومشكلات الأداء التي تم إبرازها بواسطة Lighthouse و PageSpeed.
في نفس الوقت ، من المهم الانتباه إلى التفاصيل المرئية وتجربة مستخدمي الهاتف المحمول بقدر الانتباه إلى سرعة موقع الويب الخاص بك. توفر أدوات مثل Google Lighthouse و PageSpeed Insights تفاصيل منخفضة المستوى تؤثر على الأداء العام لموقع ويب للتشخيص
إستراتيجيات لتحسين مواقع WordPress لمستخدمي الهواتف المحمولة
يعد تحسين الأجهزة المحمولة على WordPress عملية تجريبية لمعظم مالكي ومطوري المواقع. لا يجب أن يكون الأمر كذلك دائمًا. النصائح التي تمت مناقشتها أدناه هي أساس كل تقنية تحسين يستخدمها كل موقع WordPress على الإنترنت.
استخدم سمة WordPress سريعة الاستجابة
ربما سمعت هذا بالفعل مئات المرات ، لكن نعم ، هذا مهم.
تخيل لو كان لدى موقع amazon.com تصميمًا سيئًا لمستخدمي الجوّال ، فلن يكونوا بالتأكيد مؤثرين كما هو الحال حاليًا. ومع ذلك ، ما هي الاستجابة للمواقع؟
تتمثل استجابة موقع الويب في جودة تصميمه عبر جميع أحجام الشاشات ، على سبيل المثال ما إذا كانت العناصر مرئية وغير متداخلة ، والنصوص قابلة للقراءة ، والمحتوى يناسب الشاشة ، وما إلى ذلك.
تشير الإحصائيات الموضحة في بداية هذه المقالة بشدة إلى أهميتها في مواقع الويب. يتيح المظهر سريع الاستجابة إمكانية التخصيص السهل لأحجام الشاشات المختلفة مع القليل من فقدان الجودة المرئية والأداء.
شيء آخر يجب البحث عنه عند اختيار سمة سريعة الاستجابة هو مساهمات المطورين. متى كانت آخر مرة تم فيها تحديث الموضوع؟ هل ما زالت بحالة جيدة؟ ما هي إصدارات WordPress و PHP التي لا تزال متوافقة معها؟
تضمن هذه المعلومات أنك تقوم بتشغيل إصدارات WordPress و PHP نفسها على الخادم / موفر الاستضافة كما هو مطلوب في السمة.
تتضمن أمثلة سمات WordPress سريعة الاستجابة ما يلي:
أسترا
ديفي
جينيسيس برو
10Web Builder Theme (غير متوفر على wp.org ، استخدم الرابط)
ضع في اعتبارك تطوير الجوّال أولاً
يعد نهج المحمول أولاً في التطوير والتصميم طريقة بناء لمستخدمي الأجهزة المحمولة أولاً ، وبعد ذلك يمكن تكييف التصميم لمستخدمي سطح المكتب مع نموذج الهاتف المحمول. يضمن هذا النهج سهولة تسليم المنتج مع ضمان الجودة على جميع أحجام الشاشات.
لتكييف هذا الأسلوب مع تطوير WordPress الخاص بك ، ابدأ في التصميم من أحجام شاشات أصغر قبل التقدم إلى أحجام شاشات أكبر. يتضمن هذا أيضًا تدوين الصور وكيفية عرضها على أحجام الشاشات المختلفة.
إليك السؤال ، ما هو الفرق بين نهج الجوال أولاً ونهج التصميم سريع الاستجابة؟ ببساطة ، يهدف نهج الجوال أولاً إلى إنجاز تصميم متجاوب لموقعك بدءًا من أصغر حجم شاشة إلى أكبر حجم بينما يضمن التصميم سريع الاستجابة ظهور موقع الويب الخاص بك بشكل جيد على جميع الأجهزة.
تحسين الصور ومقاطع الفيديو
يلعب محتوى الوسائط المتعددة / الرسوم دورًا مهمًا جدًا في سرعة الموقع. لهذا السبب ، يتم عادةً تحسين الصور ومقاطع الفيديو لتحسين الأداء على كل من الأجهزة المحمولة وسطح المكتب.
يمكن تحسين الصور للأجهزة المحمولة عن طريق اختيار تنسيق الملف الصحيح والضغط عند الضرورة. WebP هو المعيار الحديث لصور الويب ، ويوصى باستخدام JPEG للرسومات ذات التكوين اللوني العالي ، و PNG للصور البسيطة ، و GIF للصور المتحركة فقط. نظرًا لأن JPEG تزن أكثر من حيث الحجم ، يُنصح عادةً باستخدام PNG ما لم يكن ذلك ضروريًا للغاية.
ومع ذلك ، فإن حجم WebP أصغر مقارنةً بتنسيقات JPEG و PNG مما يضمن تحميل الموقع بشكل أسرع دون خسارة كبيرة في جودة الصورة.
عمليًا ، يؤدي ضغط الصور إلى تقليل أحجام الصور. يتم ذلك عن طريق التحميل إلى أدوات مثل TinyPNG و JPEG mini قبل التحميل إلى WordPress. يوفر 10Web Booster إمكانية تحسين شاملة لموقع الويب ، بما في ذلك التحسين التلقائي للصور والتحويل إلى WebP. مع 10Web Booster ، كل ما تحتاجه هو تحميل الصورة ، ويتم التحسين تلقائيًا.
بالنسبة لمقاطع الفيديو ، يساعد اختيار تنسيق الملف الصحيح والضغط باستخدام أدوات مثل Converterpoint قبل التحميل إلى WordPress في تحسين الأداء.
التنسيق الموصى به لجميع الأجهزة هو .mp4 ، ومع ذلك ، لا يزال .ogg و .webm مدعومين على نطاق واسع كتنسيقات فيديو قابلة للتشغيل على المستعرضات. تشمل أفضل الممارسات الأخرى قطع الصوت والحفاظ على مقاطع الفيديو (إذا لزم الأمر) قصيرة قدر الإمكان لمستخدمي الجوّال. تتم هنا مناقشة أفضل الممارسات العملية لتحسين الفيديو.
استفد من تحسين الواجهة الأمامية الكاملة
قد تستغرق هذه العملية قائمة طويلة من المراجعات على موقعك ، ولكن 10web جعلها أسهل. تم تفصيل النصائح في هذه المقالة الشاملة حول تحسين الواجهة الأمامية.
وهي تتضمن أفضل الممارسات لتحسين الواجهة الأمامية بما في ذلك ضغط ملفات الوسائط المتعددة وتحسينها ، والتحميل البطيء ، والتخزين المؤقت ، وغير ذلك الكثير. هذا الجزء من التحسين مهم جدًا لأنه يحتوي على ارتباط مباشر بسرعة الموقع.
اختر مزود استضافة سريع وموثوق
هذا لا يقل أهمية عن موقعك نفسه. إذا كان مزود الاستضافة الخاص بك لا يقدم محتوى موقع الويب الخاص بك بالسرعة الكافية ، فأنت في نفس المشكلة مثل مالك أو مطور موقع مع موقع غير متجاوب.
هناك أنواع مختلفة من استضافة المواقع. من خلال الاستضافة المشتركة (عادةً ما تكون أرخص) ، يمكنك مشاركة موارد الخادم نفسها مع مستخدم آخر على نفس الخادم. هذا يعني أيضًا أنه إذا قام مستخدم الاقتران الخاص بك ببعض الحيل التي تؤدي إلى كسر الخادم ، فإن موقع الويب الخاص بك سينهار.
ليست هذه هي القضية
مع الاستضافة الآلية مثل 10Web. توفر استضافة 10Web بنية أساسية عالية الأداء تضمن وقت تشغيل بنسبة 99.9٪ لموقعك على الويب ، و 90+ نقاط PageSpeed ، ونسخ احتياطية في الوقت الفعلي. يعد نقل موقع إلى استضافة 10Web تجربة بنقرة واحدة من خلال الترحيل الآلي لإنشاء نسخة من موقع الويب الخاص بك على 10Web في دقائق.
ربما لا تحتاج إلى AMP
نعم ، ربما لا تحتاجها. من المفهوم أن العديد من مالكي المواقع قد انتقلوا إلى AMP لزيادة سرعة تحميل الموقع. لكن هل هذا ضروري حقا؟
يعد AMP رائعًا إذا كان موقع الويب الخاص بك للقراءة فقط في المقام الأول ، أي أن معظم ما يفعله زوار موقعك على الويب ليس تفاعليًا.
مع تقليل التفاعل المطلوب من المستخدمين ، ستستمتع بفوائد تحسين محركات البحث التي توفرها AMP. ومع ذلك ، إذا كان موقعك يستخدم تفاعل زائر الموقع للحصول على أفضل تجربة – تخلص من AMP ، وقم بتطبيق أفضل ممارسات تحسين الصفحة التي تمت مناقشتها.
كيفية تسريع موقع الويب الخاص بك للجوال
التخزين المؤقت
التخزين المؤقت هو في الأساس تخزين البيانات لأوقات وصول أسرع. على الويب ، يتم ذلك لتحسين تجربة المستخدم لزوار الموقع من خلال ضمان عدم طلب جميع موارد الصفحة من الخادم في كل مرة يطلبها المستخدم.
على عكس التخزين المؤقت على أجهزة الكمبيوتر الفعلية ، يحتوي الويب على أربع تقنيات رئيسية للتخزين المؤقت لا تستبعد بعضها البعض:
ذاكرة التخزين المؤقت للمتصفح: هذه هي الأكثر شيوعًا. يتم استخدامه لحفظ الملفات المطلوبة من الخادم من قبل مستخدم في المتصفح للتأكد من أنه في الطلبات اللاحقة (بشرط أن تكون نفس الصفحة) ، يتم تحميل الصفحة بشكل أسرع لأن الموارد يتم جلبها من المتصفح بدلاً من الخادم.
ذاكرة التخزين المؤقت لـ CDN: بشكل عام ، توفر شبكات توزيع المحتوى (CDNs) آلية تخزين مؤقت لخدمة الموارد (صفحات الويب والملفات) بدلاً من الخادم الفعلي. يتم استرداد الموارد المطلوبة لتحميل الصفحة من خادم (عادةً ما يكون الأقرب إلى الزائر) على شبكة CDN لزيادة وقت تحميل الصفحة.
ذاكرة التخزين المؤقت للصفحة والملفات: يتم استخدام ذاكرة التخزين المؤقت للصفحة وذاكرة التخزين المؤقت للملفات في أجهزة الكمبيوتر ، لكن النظام البيئي لتطوير WordPress اعتمد هذه الآلية لتقليل الحمل على خادم الاستضافة.
يقوم بتخزين صفحة HTML والنصوص والأنماط التي تم إنشاؤها كملفات ثابتة ويقدمها عند الطلب.
ذاكرة التخزين المؤقت للخادم:
أو يستجيب خادم ذاكرة التخزين المؤقت لطلبات الموارد من العميل بدلاً من الخادم بشكل أساسي لتقليل الحمل على الخادم. بخلاف الخادم الموجود على CDN ، فإن خادم ذاكرة التخزين المؤقت هو خادم واحد يجلس أمام الخادم الأصلي.
تخلص من موارد حظر العرض
عادةً ما تكون موارد حظر العرض عبارة عن ملفات CSS و JS تمنع أوقات التحميل السريع لصفحة الويب. سيناقش هذا القسم ثلاث طرق للتخلص من موارد حظر العرض.
تصغير HTML / CSS / JS
أثناء التطوير ، يستخدم المطور المسافات ، والمسافات البادئة ، والتعليقات ، والأسطر الجديدة – المصنفة على أنها غير قابلة للتنفيذ – لضمان سهولة قراءة الكود.
ومع ذلك ، تتطلب هذه المسافات البيضاء الإضافية مزيدًا من الموارد من الخادم لأنه يتعين عليها معالجة الشفرة بما في ذلك الملفات غير القابلة للتنفيذ قبل إرسالها إلى المتصفح الذي لا “يحتاج” إلى الملفات غير القابلة للتنفيذ المستخدمة لسهولة قراءة الكود لعرض صفحة الويب. يمكن الحصول على هذا الوقت الذي يستغرقه الخادم عن طريق تصغير ملفات HTML و CSS و JS.
يؤدي تصغير ملفات التعليمات البرمجية إلى إزالة جميع عناصر التعليمات البرمجية التي لا توفر أي فائدة وظيفية لعرض صفحة الويب. بدون الأسطر الزائدة والمسافات البادئة والمسافات البيضاء ؛ تتضاءل سطور الكود المراد معالجتها ، وحجم الملف ، ووقت استجابة الطلب لاسترجاع الملف. تعمل هذه المعالجة الموفرة للوقت أيضًا على تقليل وقت تنفيذ الملفات بواسطة المتصفح.
جعل CSS الحرجة مضمنة
CSS الحرجة هي الأنماط اللازمة لعرض العناصر العلوية المرئية (في الجزء المرئي من الصفحة) من الصفحة. للتأكد من أن الأنماط الهامة مضمنة ، قم بتحميل CSS المهمة أولاً قبل أوراق الأنماط الأخرى. هذا يضمن أن الصفحة تفاعلية بعد وقت قصير من تقديم HTML. بالإضافة إلى ذلك ، سيستمر تحميل أوراق الأنماط الأخرى بشكل غير متزامن أثناء تحميل الصفحة ، لكن الأجزاء العلوية المرئية من الصفحة لن تتأخر بسبب هذه العملية.
استخدم تأخير JS
تساهم بعض ملفات جافا سكريبت أيضًا بشكل سلبي في سرعة الموقع إذا لم يتم تحسينها بشكل صحيح. ومن الأمثلة على ذلك ملفات جافا سكريبت التابعة لجهات خارجية للتحليلات ، وأدوات التواصل الاجتماعي ، والمتتبعات ، والإعلانات ، والنوافذ المنبثقة ، وما إلى ذلك. إذا لم يتم تأجيل تنفيذ هذه الملفات ، فسيتم حظر تحليل HTML للصفحة حتى يتم تنفيذها ، مما يقلل من وقت تحميل الموقع .
تقليديًا ، من السهل استنتاج أن أفضل ممارسة هي تحميل ملفات JavaScript في نهاية كود HTML. لكن ملفات JavaScript المهمة مثل التحليلات والأدوات الاجتماعية التي تضيف وظائف وديناميكية جاهزة يتم تحميلها في أعلى الصفحة في علامة <head>.
ما هو المخرج؟
تأخير ملفات JS غير الهامة. سيضمن ذلك عدم تحميل ملفات JS التابعة لجهات خارجية أو تنفيذها حتى يكتمل تحليل HTML لصفحة الويب.
باستخدام هذا النهج ، يتم تحميل موقعك بشكل أسرع مع الاستمرار في الاستمتاع بفوائد الوظائف الجاهزة.
من ناحية أخرى ، لا يمكن أن تكون ملفات JS الحرجة
تأخير. تؤثر هذه النصوص بشكل مباشر على العرض الأولي للأجزاء المرئية من الصفحة (الجزء المرئي من الصفحة).
قم بإزالة CSS و JS غير المستخدمة
سواء أثناء تطوير الويب التقليدي باستخدام التعليمات البرمجية أو من سمة مثبتة على WordPress ، تقلل ملفات CSS و JS غير المستخدمة من وقت تحميل الصفحة بقدر أي مورد آخر يحظر العرض. وذلك لأن هذه الملفات غير المستخدمة تتم معالجتها أيضًا وتنفيذها أثناء تحميل الصفحة الذي يستغرق وقتًا ثمينًا.
تتمثل إحدى طرق إزالة ملفات CSS و JS غير المستخدمة في العثور عليها. لكن هذا مرهق للغاية. يحتوي تطوير الويب التقليدي على أداة تسمى PurgeCSS يمكن استخدامها لإزالة CSS غير المستخدمة من أي مشروع. من ناحية أخرى ، يوفر WordPress مكونات إضافية للقيام بعمليات التنظيف هذه بنقرات قليلة على لوحة القيادة. يمكن تنفيذ هذه العملية يدويًا أو من خلال 10Web بطريقة آلية باستخدام 10Web Booster.
بالإضافة إلى إزالة البرامج النصية والأنماط غير المستخدمة ، يمكن تحميلها لكل صفحة مما يضمن عدم تحميل الملفات غير المستخدمة على الصفحة ؛ وأيضًا لكل جهاز ، مما يضمن عدم تحميل أنماط سطح المكتب على الهاتف المحمول.
ضغط GZIP
يعد ضغط GZIP أمرًا رائعًا لضغط الملفات. يقوم بضغط ملفات HTML و CSS و JS مما يجعل نقل الملفات أسهل وأسرع إلى متصفح المستخدم مما يزيد من سرعة موقع الويب وبالتالي تجربة المستخدم. يمكن تمكينه عبر الخادم أو من خلال المكونات الإضافية (يقوم 10web Booster بذلك). ومع ذلك ، بالنسبة للمواقع المستضافة على 10Web ، هناك بديل أفضل لضغط GZIP – Brotli.
تحميل كسول
من الناحية المفاهيمية ، يؤخر التحميل البطيء تحميل عنصر صفحة الويب حتى يتم الاحتياج إليه. على سبيل المثال ، إذا تم تحميل صفحة ويب ولاحظت أنه عند التمرير يتم تنزيل الصور على الصفحة للتو ، فهذا يعد عملية تحميل بطيئة. أثبتت هذه التقنية فائدتها في تحسين الواجهة الأمامية وأثرت على أداء مواقع الويب.
يتعامل 10Web مع ذلك من خلال استخدام تقنيات التحميل البطيء الأصلية للمتصفح لتحميل محتوى الوسائط المتعددة البطيء بما في ذلك إطارات iframes لتوفير حل خفيف الوزن وتحسين أساسيات الويب الأساسية العامة لموقع الويب.
تحسين الصورة
كما تمت مناقشته سابقًا ، يمكن إجراء تحسين الصور عن طريق اختيار تنسيق الصورة المناسب لحالة الاستخدام وضغطها (إذا لزم الأمر) قبل تحميلها على WordPress.
يمكن أن توفر هذه التقنية جنبًا إلى جنب مع التحميل البطيء تقدمًا متزايدًا في سرعة الموقع إذا تسبب محتوى الوسائط المتعددة في بطء سرعة الموقع على موقع الويب الخاص بك.
تحسين توصيل الخط
الخطوط هي مجموعات فرعية مهمة لتجربة المستخدم على موقع الويب الخاص بك. ومع ذلك ، يمكنهم أيضًا حظر العرض في بعض الأحيان. إحدى الطرق التي أثبتت جدواها لتحسين توصيل الخط هي تحميلها بشكل غير متزامن كما تفعل مع ملفات JavaScript التابعة لجهات خارجية.
على الرغم من أن هذا قد يؤدي إلى نوع من وميض تغيير الخط ، إلا أنه بسبب تبديل الخط (يتم استخدام خط الجهاز ثم استبداله) ، فإنه لا يضر بسرعة الموقع أو تجربة المستخدم ويساعد في تغيير التخطيط التراكمي (CLS). مشاكل الأداء الأخرى.
استخدم CDN
شبكة توصيل المحتوى (CDN) هي شبكة من الخوادم الموجودة في أجزاء مختلفة من العالم وتقدم نفس المحتوى لكل عميل.
أقرب خادم على CDN هو ما يخدم المحتوى المطلوب في أي وقت محدد مما يقلل الوقت المستغرق إلى الخادم الفعلي. تشمل شبكات CDN الشائعة:
كلاود فلير
StackPath
منصة جوجل السحابية
بسرعة
مفتاح CDN
يوفر WordPress أيضًا تكاملًا مع شبكات CDN من خلال المكونات الإضافية.
بشكل رئيسي ، يعتمد استخدام CDN لتحسين موقع الويب الخاص بك إلى حد كبير على مزايا السرعة التي يوفرها. إذا كان معدل تحويل موقع الويب الخاص بك ممتازًا ، فقد ترغب في البقاء بدون CDN حتى تنص المقاييس على خلاف ذلك.
تخطط 10Web لتضمين CDN كجزء من خطة 10Web Booster في الربع الرابع من عام 2022. هذا ليس CDN منفصلًا ليتم شراؤه ، ولكنه جزء من 10Web Booster الذي يوفر حل تحسين الكل في واحد كما يعد.
افكار اخيرة
لقد تعلمت كيفية تحسين موقع الويب الخاص بك لمستخدمي الأجهزة المحمولة والتقنيات المفيدة التي يمكن استخدامها لضمان تنفيذ تحسين الجوّال على WordPress بشكل صحيح.
من المهم ملاحظة أن التحسين ليس معجزة بين عشية وضحاها ، فهو يتطلب القليل من الاختبار لمعرفة ما يناسب حالة الاستخدام الخاصة بك بشكل أفضل. الحقيقة هي أنك لا تريد عرض صورة منخفضة الجودة لموقع ويب بتصميم رسومات باسم التحسين.