على الرغم من وجود العديد من العوامل التي تؤثر على الإيرادات بلا شك ، يقول معظم الخبراء إن مواقع الأعمال التي يتم تحميلها في غضون 5 ثوانٍ تكسب ضعف ما تحققه المواقع في 19 ، وهو متوسط وقت تحميل الموقع.
ووجدت الدراسة أيضًا أن المواقع التي يتم تحميلها في غضون 5 ثوان:
- رؤية أعلى للإعلان بنسبة 25٪ ،
- معدل الارتداد أقل بنسبة 35٪ ، و
- 70٪ جلسات مستخدم أطول.
ولهذا السبب على وجه التحديد ، نحتاج إلى التركيز على الحلول الأولى للجوّال لمساعدة أعمالنا على النجاح. بعد كل شيء ، لم تكن سرعة المحمول أكثر أهمية من أي وقت مضى.
$config[code] not foundسرعة التحميل البطيئة يمكن أن تكون مشكلة بالفعل
وفقًا لـ Google ،
- يتوقع شخص واحد من كل شخص أن يتم تحميل صفحة خلال أقل من ثانيتين.
- من المرجح أن يتم التخلي عن 53٪ من الزيارات إذا كانت الصفحة تستغرق أكثر من 3 ثوانٍ للتحميل على جهاز جوال.
- أظهر 46٪ من الأشخاص استياءًا في انتظار تحميل الصفحات أثناء تصفح الويب على جهاز جوّال.
العوامل الرئيسية الثلاثة التي تبطئ المواقع على الإنترنت النقال هي عدد طلبات الخادم وحجم الملف والترتيب التسلسلي لعناصر تحميل الصفحات. لذلك قمنا الآن بتسليط الضوء على الأسباب ؛ دعونا نصل إلى الحل.
كيفية زيادة سرعة موقع الجوال
قياس وتقليل وقت استجابة خادمك
لا تعتمد سرعة صفحة جوالك على الكود فقط ، بل تعتمد أيضًا على أداة تقنية مهمة تسمى الخادم.
كلما طال انتظار خادمك للرد على طلب متصفح ، كلما كان تحميل الصفحة أبطأ على الجهاز. يوصي معظم الخبراء في Google بأن يبدأ الخادم في إرسال الرقم 1شارع بايت من الموارد في غضون مائتي ميلي ثانية من طلب للحصول على نتيجة أكثر مثالية.
عادة ، هناك 3 طرق رئيسية تشارك في رفع وقت استجابة الخادم الخاص بك:
- تحسين تكوين خادم الويب الخاص بك أو البرنامج.
- تعزيز نطاق وجودة خدمة الاستضافة ، وخاصةً ضمان أن لديك ذاكرة كافية وموارد وحدة المعالجة المركزية.
- تقليل عدد الموارد المطلوبة من صفحات الويب الخاصة بك.
استخدم CSS لتحميل الصور
إذا كنت تريد إخفاء صور المحتوى لمستخدمي الجوال ، فقم بتحميلها كصور خلفية من خلال CSS واستخدم استعلامات الوسائط لإخفائها بشكل مشروط.
يتم استخدام صيغة مختلفة من هذه التقنية بواسطة Amazon لتحميل الصور الخاصة بالجهاز بشكل مشروط.
قلل عدد مرات إعادة التوجيه لزيادة سرعة صفحة الجوال الخاصة بك
لا تعد عمليات إعادة التوجيه سوى إرشادات قادرة على نقل زائري موقع الويب تلقائيًا من صفحة إلى أخرى.
يمكن لكل إعادة توجيه أن يلتهم ميلي ثانية قيمة ، مما يؤدي إلى تحميل صفحة أبطأ. ويمثل ذلك مشكلة خاصة بالنسبة للأجهزة المحمولة لأنها تعتمد في الغالب على شبكات غير موثوقة من مستخدمي أجهزة سطح المكتب.
الخطوة الأولى لإصلاح هذه المشكلة هي مسح عدد عمليات إعادة التوجيه على موقعك باستخدام أدوات مثل مخطط إعادة التوجيه. إذا كان العدد كبيرًا جدًا ، أو تصغيره ، أو من الناحية المثالية ، فقم بإعادته إلى الصفر للحصول على أفضل النتائج.
تصغير JS وملفات CSS
المزيد من البيانات تعني زيادة وزن الصفحة. سيؤدي هذا إلى تحميل صفحاتك فترة أطول على جهاز جوال.
هذا هو السبب في أن معظم مطوري الويب الذين يقدرون معرفتهم يعرفون الحاجة إلى تحسين الأصول وتقليلها لزيادة سرعة تحميل الصفحات.
يقضي "Minification" على التكرار دون التأثير على عرض الصفحة. يمكن أن تساعدك مجموعة واسعة من أدوات Google على التخلص من مثل هذه المهام ، بما في ذلك ما يلي:
- CSSNano (لـ CSS)
- UglifyJS (لـ JS)
بدلاً من الصور ، استخدم CSS3
الظلال المسقطة والزوايا الدائرية والتعبئة التدرجية - كل هذه الميزات يمكن القيام بها من خلال CSS بدلاً من الصور.
هذا يمكن أن يساعد بشكل كبير في تقليل عدد طلبات HTTP وبالتالي ، تسريع وقت التحميل في وقت واحد وفي نفس الوقت.
استخدم SVGs المضمنة بدلاً من JPEG
مثل معرفات URI البيانات ، يمكن تضمين SVGs (رسومات متجهات قابلة للتحجيم) على صفحة لتقليل عدد طلبات
يمكن إنشاء هذه الملفات على محرر رسومات متجه مثل Inkscape ، و Adobe Illustrator ، إلخ. بمجرد إنشائها ، يمكنك فتحها في محرر نصوص وإفلاتها في شفرتك.
ملاحظة: لتضمين SVG في ورقة الأنماط ، يجب عليك تحويلها إلى بيانات URI أولاً ثم المتابعة إلى الخطوة التالية.
بحيث مبالغ أكثر أو أقل الامور. آمل أن يكون لديك قراءة جيدة ومفيدة.
صورة عبر Shutterstock
1
