ستساعدك المقالة التالية: 14 من أفضل ممارسات تحسين الأجهزة المحمولة التي تحتاج إلى معرفتها
لقد مر وقت طويل منذ أن بدأت Google في طرح فهرس الهاتف المحمول أولاً.
عندما تم الإعلان عن ذلك لأول مرة، كان متخصصو تحسين محركات البحث (SEO) يسارعون في كل مكان للتأكد من أن موقعهم يتوافق مع مؤشرات الويب الأساسية من Google وأفضل إرشادات تطوير الأجهزة المحمولة.
يعد التحسين للويب على الأجهزة المحمولة مجالًا فرعيًا شاملاً تمامًا ضمن تحسين محركات البحث، ويتطلب معرفة على مستوى متخصص وأفضل الممارسات الخاصة به لتحقيق النجاح.
لدرجة أن العديد من الصناعات تتطلب تنفيذًا كاملاً وعالي الجودة لموقعها على الويب على الهاتف المحمول. ولا يقيس الجميع ذلك.
في كثير من الحالات، تفشل معظم المواقع أحيانًا في تحقيق هدفها المتمثل في الالتزام.
من الواضح أن هذا خطأ لأن تصميم الهاتف المحمول هو جزء سائد من مجتمعنا الرقمي:
- 96% من الأمريكان الذين تتراوح أعمارهم بين 18 و29 عامًا يمتلكون هاتفًا ذكيًا.
- اعتبارًا من عام 2020، انتهى الأمر 3.6 مليار مستخدم الذين استخدموا جهاز الهاتف الذكي في جميع أنحاء العالم. سيكون هناك 4.3 مليار بحلول عام 2023.
- في عام 2020، أنفق مستخدمو الهاتف المحمول 90% من وقتهم في التطبيقات بدلاً من متصفحات الهاتف المحمول.
- حسابات جوجل ل 93.22% من حصة سوق البحث عبر الهاتف المحمول في الولايات المتحدة في عام 2021.
- تميل نتيجة بحث الجوال الأولية على Google إلى تحقيق 26.9% نسبة النقر إلى الظهور العضوية (نسبة النقر إلى الظهور).
من أجل الاستفادة من أفضل تواجد ممكن على الإنترنت، يجب عليك تحسين العديد من أنواع الأجهزة المختلفة ودقة الشاشة. ليس فقط لأجهزة الكمبيوتر المكتبية.
والآن، تطرح Google تحديث تجربة صفحة سطح المكتب. لكن هذا التحديث يقع خارج نطاق هذه المقالة، على الرغم من أنه يلعب دورًا في تجربة الصفحة بشكل عام.
لتحقيق أفضل تنفيذ على الإطلاق للجوال، من المهم التأكد من إنشاء موقع للجوال يتوافق مع أفضل الممارسات، والذي يخلق أيضًا فرصًا لزيادة أرقام مؤشرات أداء الويب الأساسية لديك.
من خلال استخدام تصميم سريع الاستجابة وليس نطاق m-dot الفرعي، ومراقبة أفضل الممارسات في إنشاء الصور وتحسينها، ومراقبة الضغط والتصغير، يمكنك تحقيق موقع جوال عالي الجودة يصل إلى أكبر عدد ممكن من الأشخاص ضمن جمهورك.
هذا هو المكان الذي سيكون فيه موقع الجوال الخاص بك ناجحًا.
1. تأكد من أن كل المحتوى هو نفسه على سطح المكتب والهاتف المحمول
الفكرة وراء هذه الممارسة الأفضل هي تجنب المحتوى المكرر واتهامات إخفاء الهوية.
لكي تكون آمنًا، تأكد دائمًا من أن جميع المحتويات الموجودة على إصدار سطح المكتب لموقعك هي نفسها الموجودة على الهاتف المحمول.
أحد أفضل التقنيات التي يمكن استخدامها للتأكد من حدوث ذلك هو التصميم سريع الاستجابة.
التصميم سريع الاستجابة، بالنسبة لأولئك الذين لا يعرفون، يتضمن إنشاء ورقة أنماط تستخدم “استعلامات الوسائط” لنقل التصميمات تلقائيًا بين مجموعة واسعة من الأنظمة الأساسية والأجهزة.
إذا كنت تريد الاستفادة من كل السرعة الممكنة وجعل تصميمك بسيطًا ومتوسطًا، ففكر في النظر في كائنات CSS لتقليل الطلبات من جانب الخادم.
2. فوق Fold لم يذهب تماما
من المهم أن تتذكر أنه في بيئة الهاتف المحمول، حيث يتم تمرير الأشياء إلى ما لا نهاية، فإن الجزء العلوي من الصفحة لم يختفي تمامًا.
لا يزال من الأفضل أن يكون لديك على الأقل بعض محتوى النص الموجود أعلى الجزء المرئي من تصميم الهاتف المحمول، لتظهر لشخص ما أن هناك سببًا للتمرير.
إن الفوائد والرغبات النفسية للرغبة في رؤية ما تقدمه لم تختف تمامًا، لذلك لا يزال يتعين عليك تحسين ذلك إلى حد ما على العديد من الأجهزة المحمولة المختلفة.
3. استخدم أسلوب التطوير “من أعلى إلى أسفل”.
يعني نهج التطوير “من الأعلى إلى الأسفل” أنك تأخذ في الاعتبار جميع العواقب المحتملة لكل قرار يتم اتخاذه في التصميم من البداية إلى النهاية.
أنت تقوم بالتطوير للجوال أولاً، بدلاً من سطح المكتب أولاً، ثم تتعامل مع تصميم الهاتف المحمول بعد ذلك. يعد نهج التطوير هذا مثاليًا لأنك لا تقدم مشكلات في التصميم النهائي.
إليك مثال: قمت بإنشاء موقع ويب لسطح المكتب. بعد حوالي ثلاثة أرباع العملية، قررت أنك تريد إنشاء موقع للجوال فوقها.
قمت بإنشاء النموذج بالحجم الطبيعي. ولكن، بعد ترميز النموذج والتحرك خلال التحولات، تجد خطأً هنا. وتجد خطأ هناك. ثم تجد خطأ هناك. وذلك لأن النهج من أسفل إلى أعلى لا يعمل ويسبب زحف النطاق.
هذه هي الظاهرة التي تظهر فيها المشكلات غير المرئية في اللحظة الأخيرة، مما يتسبب في حدوث أخطاء غير متوقعة وزيادة في الساعات التي لم يتم توفيرها في الأصل عندما تم تحديد نطاق المشروع في الأصل.
الحقيقة هي أنه إذا تم النظر في النهج التنازلي للتصميم المستجيب للجوال منذ البداية، فلن تظهر هذه الأخطاء والأشياء التي تحتاج إلى حل في النهاية، مما يتسبب في هذه المشكلة المخيفة.
4. لا تركز حصريًا على مستهلكي الأجهزة المحمولة
ومع اندماج الهاتف المحمول وسطح المكتب، كذلك تندمج أهداف ورغبات مستخدمي هذه المنصات.
عندما تركز على ما يرغب المستخدم الخاص بك في تحقيقه بناءً على النظام الأساسي، فإنك تقوم بإنشاء نهج شامل يصل إلى العملاء من خلال موقع الويب الخاص بك بشكل أكثر فعالية.
سواء كان المستخدم يشتري منتجًا أو يجري بحثًا عن الخدمات التي تقدمها، فإن مزيج أهداف المستخدم واستحواذ العميل على الشركة سيستمر.
لدرجة أن التركيز بشكل خاص على هذه المُثُل والقيم سيصبح أقل ضرورة.
ليس أقل أهمية، ضع في اعتبارك، أنه أقل أهمية مع استمرار هذا المزيج من الهاتف المحمول وسطح المكتب.
5. استخدم تقنيات التصميم سريع الاستجابة
لقد انتهت أيام مواقع m-dot المنفصلة (m.example.com).
لا يوجد سبب محتمل يمكن استرداده لاستخدام مثل هذا التطبيق في عصر الهاتف المحمول أولاً.
يمكن أن تكون البنية فوضوية للغاية، حيث تؤدي عناوين URL المتعددة إلى إنشاء مشكلات محتوى مكررة إذا لم يتم تحسينها بشكل صحيح.
هناك العديد من التقنيات المتاحة لضمان اكتمال التحول الفعال، ولكن بخلاف ذلك، فإن تطبيقات m-dot قد سلكت طريق طائر الدودو مع ظهور تقنيات جديدة.
واليوم، يتضمن التنفيذ المثالي تصميمًا سريع الاستجابة. تستخدم هذه التصميمات ما يسمى باستعلامات الوسائط لتحديد دقة العرض التي سيدعمها التصميم.
كل دقة منفصلة هي ما يسمى “نقطة التوقف” في التصميم، أو النقطة التي ينتقل عندها التصميم سريع الاستجابة من دقة إلى أخرى.
تتمثل فائدة استخدام هذا النوع من البنية في عدم مواجهة مشكلات المحتوى المكررة التي قد تواجهها في تطبيق m-dot.
كما أن تنفيذ هاتفك المحمول سيكون على أحدث التقنيات.
6. فكر في “التعليمات البرمجية” بدلاً من “الصور في كل مكان” لزيادة سرعة الموقع
هل تحتاج حقًا إلى استخدام تلك الخلفية ذات اللونين كخلفية متكررة بعرض 2 بكسل وارتفاع 1200 بكسل؟
إذا لم تقم بذلك، ويمكنك ترميزه بدلاً من ذلك، قم بترميزه بدلاً من ذلك.
على الرغم من أن شيئًا صغيرًا جدًا لن يحدث تأثيرًا كبيرًا في سرعة الموقع، إلا أن التحسينات يمكن أن تتزايد عند اكتمالها.
في المرة القادمة التي تقوم فيها بإجراء تدقيق للموقع أو إنشاء موقع ويب، فكر: “هل أحتاج حقًا إلى هذه الصورة هنا أم يمكنني ببساطة ترميزها بدلاً من ذلك؟”
إذا لم تكن الصورة ضرورية حقًا، فقد يساعد ترميز الكائن في زيادة سرعة الموقع بشكل كبير، خاصة التصميمات الموجودة في الموقع والتي تستخدم وفرة كبيرة من الرسومات.
7. تخصيص ووردبريس للجوال
هناك العديد من المكونات الإضافية المتاحة لـ WordPress.
لدرجة أن البعض يوفر وظائف لزيادة التوافق مع الأجهزة المحمولة.
المكونات الإضافية الأكثر فائدة لهذا الغرض هي Duda Mobile وW3 Total Cache، بالإضافة إلى المكونات الإضافية لتقليل HTML وCSS.
8. لا تستخدم الإعلانات البينية المتطفلة لبيع منتجك
نعم. نعلم. منتجك هو أعظم وأروع شيء يزين هذا الكوكب. ولهذا السبب، من المحتمل أننا نزور موقع الويب الخاص بك ونجري بحثًا عنه قبل الشراء.
لكننا لا نحتاج إلى إعلان متطفل يمنع نشاطنا في جميع أنحاء موقعك لإزعاجنا أثناء البيع.
حيثما أمكن ذلك، احتفظ بالإعلانات البينية المتطفلة إلى الحد الأدنى، واحتفظ بالإعلانات في الأسفل أو في الجانب مع خيار النقر على الإعلان وإزالته على أقل تقدير.
من المهم ملاحظة أن Google يعاقب الإعلانات البينية المتطفلة.
من المفيد قراءة أدلة المطورين الخاصة بهم بالإضافة إلى إرشادات مشرفي المواقع الخاصة بهم حول هذه المشكلة أيضًا مشاركة مدونتهم حول هذا الموضوع.
9. تحقق من موقعك على أنظمة التشغيل والعرض المتعددة
يجب أن يعرف أي مُحسّن لمحركات البحث كيفية تحديد نقاط الضعف في التنفيذ الحالي لموقع الويب، بما في ذلك مكان وكيفية العثور على المشكلات على شاشات العرض والأجهزة المختلفة.
تريد فحص موقعك على أكثر من نظام تشغيل، وكذلك على أكثر من جهاز عرض. ويضمن القيام بذلك أن موقعك متوافق مع أكبر عدد ممكن من شاشات العرض والأنظمة الأساسية.
ولكن، ماذا لو كنت لا تستطيع شراء ألف جهاز لفحصها؟
كل هذا يأتي إلى عدد قليل من التطبيقات. نعم! من الممكن التحقق من هذه الأنواع من المشكلات باستخدام أكثر من تطبيق واحد.
ملحق Chrome لمطور الويب من Google
إذا كانت لديك ميزانية محدودة، فاستخدم ملحق Chrome لمطور الويب من Google يمكن أن تساعدك في فحص كيفية ظهور موقعك في العديد من أحجام الشاشات ودرجات الدقة المختلفة.
كما يوفر أيضًا القدرة على رؤية كيف يبدو موقعك من خلال اتجاهات الأجهزة المختلفة، وكيفية تفاعل مدخلات اللمس من خلال المحاكاة، وغير ذلك الكثير.
من الممكن أيضًا استخدام أداة تصحيح الأخطاء الخاصة بهم لفحص كود الموقع بحثًا عن المشكلات.
متصفح ستاك
BrowserStack.com هي أداة رائعة للاختبار على العديد من المتصفحات وأنظمة التشغيل ودقة العرض المختلفة. لديهم أيضًا امتداد Google Chrome الذي يمكنك الاستفادة منه لهذا الغرض.
يمكنك اختبار أي موقع على أكثر من 2000 جهاز ومتصفح ونظام تشغيل حقيقي.
من خلال امتلاك حساب مدفوع، يمكنك الحصول على وصول غير محدود إلى ملحق المتصفح الخاص بهم للاختبار.
اختبار عبر المتصفح
CrossBrowserTesting.com هو بديل لـ BrowserStack الذي يمكنك استخدامه لاختبار المتصفحات والأجهزة.
تقدم أكثر من 1500 متصفح ومنصة للاختبار، وعروض منتجاتها لا تنقصها ما يمكنك القيام به.
من الممكن إجراء مقارنات لقطات الشاشة باستخدام أداتهم، إلى جانب القدرة على محاكاة كيفية تصرف موقع الويب الخاص بك على الأجهزة الواقعية.
10. اتبع أفضل ممارسات الفيديو عبر الهاتف المحمول
نعم، هناك أفضل ممارسات تحسين محركات البحث للفيديو على الهاتف المحمول! لا يزال Google بحاجة إلى تضمين بعض الإشارات في الصفحة حتى يتمكن محرك البحث الخاص به من فهم الفيديو الموجود على تلك الصفحة بشكل أفضل.
توضح هذه المقالة من مجلة Matt Southern Journal الخاصة بـ Search Engine Journal أفضل الممارسات الخمس الموصى بها لتحسين محركات البحث للفيديو من Google.
تعتبر أشياء مثل النص الموجود على الصفحة وروابط الإحالة والبيانات المنظمة وملفات الفيديو مهمة.
هناك أيضًا أشياء أخرى تريد الانتباه إليها أثناء إنشاء مقاطع الفيديو
على سبيل المثال، تريد التأكد من أن مقاطع الفيديو الخاصة بك متاحة للجمهور. وهذا يعني التأكد من أن الخاص بك YouTube تم ضبط إعدادات الخصوصية على “عام”، ويجب أن تكون لديك صفحة ويب يمكن الوصول إليها بواسطة Google وتتضمن هذا الفيديو.
مع البيانات المنظمة، يوصى باستخدام نوع بيانات VideoObject على Schema.org.
توصي Google باستخدام اتباع أفضل ممارسات الفيديو المحمول لتنفيذ فيديو محمول لا تشوبه شائبة:
- استخدام عناصر التحكم المخصصة مع عنصر جذر div، إلى جانب عنصر وسائط الفيديو، وعنصر div الفرعي المخصص لعناصر التحكم في الفيديو.
- باستخدام زر تشغيل/إيقاف مؤقت للفيديو.
- التأكد من أن المستخدم يمكنه البحث للخلف وللأمام.
- إن التنفيذ الفني الشامل لفيديو الهاتف المحمول لا مثيل له ويرشدك خلال العملية خطوة بخطوة.
كما يقول جوجل:
“إذا كان السبب الرئيسي لزيارة المستخدم هو الفيديو، فيجب أن تصبح تجربة المستخدم هذه غامرة وتعيد التفاعل.”
وبصرف النظر عن ما هو واضح، أخرى أفضل ممارسات تحسين محركات البحث للفيديو على الهاتف المحمول يشمل:
تسهيل الأمر قدر الإمكان على Google للعثور على مقاطع الفيديو الخاصة بك. هذا يعنى:
- باستخدام خريطة موقع الفيديو: إذا لم تقم بإرسال ملف Sitemap للفيديو، فقد لا يتمكن Google من العثور على مقاطع الفيديو الخاصة بك مباشرة. تسهل خريطة موقع الفيديو عليك إرسال خريطة الموقع هذه في Google Search Console، مما يسهل على Google الزحف إلى مقاطع الفيديو الخاصة بك وفهرستها.
- لا تستخدم إجراءات المستخدم المعقدة أو أجزاء عنوان URL: إذا تم استخدامها لتحميل مقاطع الفيديو الخاصة بك، فمن المحتمل ألا يعثر Google على مقاطع الفيديو الخاصة بك على الإطلاق، لأن هذه الأشياء الموجودة على صفحتك معقدة للغاية بحيث يتعذر على Google فهمها.
- استخدم علامة HTML يسهل التعرف عليها: تتضمن بعض العناصر الصالحة الفيديو أو iframe أو الكائن أو التضمين. من الأسهل على Google التعرف على مقاطع الفيديو عندما تكون مضمنة ضمن العلامات الشائعة.
- تأكد من إمكانية فهرسة مقاطع الفيديو الخاصة بك بالفعل. يحدث ذلك: في بعض الأحيان قد يقوم شخص ما بإجراء تغيير على ملف robots.txt الذي يمنع الزحف إلى ملفات الفيديو (دون أي خطأ من جانبك…نأمل). إذا كانت مقاطع الفيديو الخاصة بك تتم فهرستها، والآن فجأة لم تتم فهرستها، فمن المفيد إلقاء نظرة على ملف robots.txt الخاص بك للتأكد من عدم حظرها.
- استخدم تنسيقات الصور المصغرة المدعومة من Google: هناك أيضًا أفضل ممارسات الصور المصغرة التي يتعين عليك اتباعها في وثائق مطور الويب من Google المذكورة أعلاه
إن تحسين محركات البحث للفيديو عبر الهاتف المحمول ليس دائمًا سهلاً كما يظن المرء.
على الرغم من أنه لا يلزم التحقق من كل مربع على حدة، إلا أن هناك أشياء يمكن أن تضر بالزحف إلى الفيديو على هاتفك المحمول وفهرسته إذا لم يتم ذلك.
11. استخدم بيانات Schema.org المنظمة
تعد بيانات Schema.org المنظمة مهمة ليس فقط لتحديد الصفحات على موقعك التي تحتوي على معلومات خاصة ومنظمة تحتاج محركات البحث إلى رؤيتها، ولكن عندما يتم تشغيل فهرس الهاتف المحمول بشكل كامل، توقع رؤية اعتماد متزايد على المخطط.
وهذه طريقة موجزة وسهلة لفهم المعلومات التي يمكن بعد ذلك ترجمتها إلى مقتطفات منسقة في نتائج بحث الهاتف المحمول.
ولكن، في كلتا الحالتين، يرى هذا المؤلف أنه يمكن استخدام البيانات المنظمة للمخطط حتى في تطبيقات سطح المكتب لأنها يمكن أن تساعدك على الظهور في نتائج المقتطف المنسق بناءً على كلمتك الرئيسية المستهدفة. يمكن أن يساعد هذا في تحسين رؤية موقعك عند تنفيذه بشكل صحيح.
12. لا تحظر البرامج النصية الداعمة مثل JavaScript أو CSS أو أشياء مثل الصور
يجب أن يكون هذا أمرًا منطقيًا عند تطوير المواقع لأي منصة، سواء كانت سطح المكتب أو الهاتف المحمول، ولكن لا يزال بعض الأشخاص يفعلون ذلك.
من المهم التأكد من عدم حظر البرامج النصية الداعمة لتصميم هاتفك المحمول، لأن هذا الانسداد يمكن أن يؤدي إلى مشكلات مثل mobile soft 404s في المستقبل. يمكن أن يؤدي أيضًا إلى سطح المكتب 404s.
ولكن، إذا قمت بحظر الزحف إلى هذه الملفات بواسطة Google، فلن يتمكن Google من الزحف إلى هذه الملفات للتأكد من أن موقع الويب الخاص بك يعمل بشكل صحيح.
عندما لا يتمكنون من القيام بذلك، قد يؤدي ذلك إلى تصنيفات أقل لأنهم لا يستطيعون فهم موقع الويب الخاص بك بشكل كامل.
13. ضغط الصور وتحسينها
بالنسبة لويب الهاتف المحمول، يعد تحسين الصورة مكونًا بالغ الأهمية لتحقيق النجاح. وهذا يعني أنه يجب عليك التأكد من تحسين الصور بشكل صحيح لجميع أحجام الصور وبجميع درجات الدقة الممكنة.
ليس من الممكن إنشاء صورة واحدة والتأكد من إمكانية عرضها في كل مكان. كذلك يمكنك. لكنها ستبدو مشوهة في القرارات التي لم يتم إعدادها من أجلها.
بدلاً من ذلك، يوصى باستخدام أفضل ممارسات تحسين محركات البحث الشاملة والتأكد من إنشاء صور عالية الجودة بكل دقة ولكن يتم تحميلها بسرعة أيضًا.
ولهذا السبب هناك العديد من أفضل ممارسات التصميم سريع الاستجابة التي توصي جوجل تستخدم لتحسين صورك لمنصة الهاتف المحمول. ويوصون بما يلي:
- استخدم أحجام الصور النسبية. إذا كنت تستخدم أحجام صور نسبية، فسينتهي بك الأمر بمنعها من تجاوز سعة علامة الحاوية التي تحتوي على الصورة.
- استخدم الصور المضمنة. من الممكن تقليل سرعة الصفحة عن طريق التأكد من استخدام الصور المضمنة لتقليل طلبات الملفات. ويجب استخدامها على الصفحات التي لا يجوز استخدامها في أي مكان آخر على موقعك.
- بالنسبة للأجهزة ذات DPI الأعلى، استخدم سمة srcset للصور. يساعدك هذا على إضافة أكثر من ملف صورة لأجهزة مختلفة.
- إذا كنت تقوم بتحسين محركات البحث للتجارة الإلكترونية، فقد ترغب في جعل صور منتجك قابلة للتوسيع. قد يرغب العملاء في تكبير الصورة التي من المحتمل أن يشتروها على أجهزتهم لرؤيتها بشكل أفضل. لذا، فإن توفير هذا الخيار أمر منطقي.
إن الحيلة لدمج الصور في تحسينات هاتفك المحمول هي: تحقيق التوازن بين حجم الصورة، وتحميلها على جهاز محمول، وضمان سرعة الصفحة المناسبة دون خفض جودة الصورة على أي جهاز رئيسي يبحث عنه جمهورك.
14. تحسين الحجم الإجمالي للصفحة
يعد حجم الصفحة أحد الاعتبارات الرئيسية لموقع ويب متوافق مع الجوّال. لكي تكون الصفحة متوافقة مع الجوّال، يجب أن يتم تحميل حجم الصفحة بسرعة. للقيام بذلك، من الضروري تحسين الحجم الإجمالي لـ DOM.
للقيام بذلك بشكل فعال، يجب أن تأخذ في الاعتبار ليس فقط ما أناقشه في الرابط أعلاه، ولكن أيضًا ما يلي:
لا تستخدم الخطوط المخصصة غير الضرورية
قد يؤدي استخدام الخطوط المخصصة غير الضرورية إلى تعقيد عملية تحميل صفحتك وزيادة عدد البرامج النصية المطلوبة لمعالجة صفحتك.
يُترجم هذا إلى زيادة وقت تحميل الصفحة ويمكن أن يزيد من نتائج مؤشرات أداء الويب الأساسية الخاصة بك خارج النطاق المرغوب فيه.
حيثما أمكن، استخدم خطوط النظام بدلاً من ذلك ويمكنك تقليل التأثير الذي يسببه ذلك إلى الحد الأدنى.
تحسين الصور الخاصة بك
تريد أيضًا التأكد من تحسين صورك مع الحفاظ على جودة الصورة. إنها ليست نتيجة احترافية، إذا وصل شخص ما إلى موقعك وكانت جودة صورتك محببة بسبب الضغط الزائد، فأنت لم تحقق أفضل نتيجة.
من الناحية المثالية، يجب أن تستخدم أحجام ملفات الصور التي تتماشى مع ما سينتج أعلى جودة على أجهزة الجوال التي تم تحسين موقعك عليها مع التأكد من عدم الانخفاض إلى ما دون نقطة الجودة هذه.
يعد هذا إجراء موازنة دقيقًا ويتطلب شخصًا لديه خبرة في تحسين الصور من أجل الوصول إلى النتائج المرجوة.
تقليل كمية الموارد التي يحتاجها DOM ومسار العرض الحرج بشكل عام
كلما زادت الموارد التي تحتاجها صفحتك لعرضها، زادت سرعة تنزيل صفحتك. يجب ألا تحتاج أبدًا إلى أكثر من 10 مكونات إضافية (كحد أقصى) وثلاثة إلى أربعة ملفات نصية لمعالجة صفحة الويب.
لقد شهد هذا المؤلف حالات تم فيها تحميل 160 مكونًا إضافيًا وكان حجم ملف الصفحة 10 ميجابايت. هذا ليس المكان الذي تريد أن تكون فيه على الإطلاق.
لكي تكون أكثر فاعلية، يرى هذا المؤلف أن الصفحات الموجودة على موقع WordPress يجب ألا تتجاوز أبدًا 150-250 كيلو بايت – في المتوسط – ويجب ألا تتضمن أكثر من خمسة إلى سبعة موارد كحد أقصى (CSS، خط خارجي إذا لزم الأمر، ملف إعلان، ملف JavaScript وثلاثة مكونات إضافية). إذا كنت بحاجة إلى المزيد، فقد لا تكون في وضع أفضل كما تعتقد.
ولا تقلل من شأن التوفير الذي سيوفره لك استخدام خطوط النظام عبر خطوط الويب الخارجية.
تصغير صفحاتك
عملية التصغير على صفحاتك ضغط ملفاتك لتوفير المساحة وتقليل أوقات تحميل الصفحة الإجمالية نتيجة لذلك.
سيساعدك استخدام التصغير كعملية على التخلص من المساحة البيضاء غير المرغوب فيها في الكود الخاص بك، وضغط هذا الكود بحيث يشغل أقل مساحة ممكنة على الإطلاق.
من الناحية المثالية، لن تتضمن أفضل عملية أي مكونات إضافية. قد ترغب في الاستعانة بمطور لتصغير صفحاتك يدويًا.
إذا كنت مثقلًا بالفعل بالمكونات الإضافية، فإن إضافة مكون إضافي آخر لتصغير صفحاتك يعد فكرة سيئة. في هذه الحالات، قد ترغب في الاستعانة بمطور محترف لضمان أفضل نتيجة.
إذا كان لديك الحد الأدنى من المكونات الإضافية بالفعل، فإن الاستعانة بمطور محترف لهذه المهمة سيساعدك على تحقيق أوقات تحميل أفضل للصفحات ونتائج Core Web Vitals.
إذا كان يجب عليك استخدام مكون إضافي، فتأكد فقط من استخدامه كإجراء مؤقت حتى تتمكن من الاستعانة بمطور محترف للدخول وتصغير التعليمات البرمجية يدويًا.
الجوال أولاً هنا؛ لقد بلغت الحاجة إلى التنفيذ مستوى حرجاً
مع وصول فهرس Google للجوال أولاً، أصبح تنفيذ موقع الويب الخاص بك عبر الأنظمة الأساسية وعبر الأجهزة والمتوافق بشكل مشترك يحظى الآن بأولوية كبيرة.
وهذا يعني أنه كلما تأخرت لفترة أطول، كلما كان مجرد التنفيذ عبر الهاتف المحمول، ولكن الحصول على التنفيذ المناسب عبر الهاتف المحمول سيكلفك بطرق عديدة.
ليس فقط التصنيف.
إذا لم تكن قد انتقلت بعد إلى الهاتف المحمول، فلماذا لا؟
المزيد من الموارد:
