ليش موقعك بطيء على نت العراق؟

الزبون يفتح موقعك على بيانات الموبايل مو على الواي فاي. هذي الأشياء اللي تثقّل الصفحة وشلون تفحصها بنفسك.

ليش موقعك بطيء على نت العراق؟

افتح موقعك من تلفونك، بس أطفي الواي فاي أول.

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

إذا انتظرت أكثر من ثلاث ثواني، زبونك ما ينتظر.

المشكلة مو بالتصميم

أغلب المواقع البطيئة تصميمها زين. البطء ما يجي من الشكل، يجي من الوزن، يعني كم ميغا لازم تنزّل قبل ما تشوف أول شي.

الترتيب يطلع نفسه بأغلب مواقع المحلات اللي نفحصها
الترتيب يطلع نفسه بأغلب مواقع المحلات اللي نفحصها

الصور هي المتهم الأول

صورة من الكاميرا حجمها 4 ميغا. تنحط بالموقع مثل ما هي، وتنعرض بمربع عرضه 300 بكسل.

يعني الزبون نزّل 4 ميغا حتى يشوف صورة ما تحتاج 150 كيلو.

عشر صور بهالشكل = 40 ميغا. هذا موقع ما يفتح بالعراق، مهما كان حلو.

الفيديو اللي يشتغل لحاله

الفيديو أثقل من الصور، والأسوأ إنه ينزّل حتى لو الزائر ما وصل إله.

الحل مو إنك تشيله. الحل إنك:

  • تضغطه بحجم العرض الفعلي مو بحجم 4K
  • تخلّيه يوقف لما يطلع من الشاشة
  • تحط صورة ثابتة مكانه لين يجهز

سوّيناها على موقعنا نفسه

هذا الموقع اللي تقراه هسه كان عنده نفس المشكلة. الفيديو بصفحة المشاريع كان 12.5 ميغا.

قسناها قبل وبعد على نفس الجهاز ونفس الصفحة
قسناها قبل وبعد على نفس الجهاز ونفس الصفحة

نفس الفيديو، نفس الشكل بالضبط، نزّلناه لـ 2.8 ميغا. والفرق الثاني كان أهم: الصفحة وهي ساكنة كانت تستهلك 21% من المعالج، صارت 0.3%.

يعني بطارية تلفون الزائر ما تنزل وهو يقرأ.

شنو سوّينا بالضبط؟ صدّرنا الفيديو بحجم العرض الفعلي مو 4K، وقصرناه، وخلّيناه يوقف لما يطلع من الشاشة. ماكو شي معقّد، بس ماكو أحد ينتبهله.

خطوط وأدوات تتبّع

كل خط تضيفه ملف لازم ينزّل. خمس خطوط بخمس أوزان = خمسة عشر ملف.

ونفس الشي بأدوات التحليل. أربع أدوات تتبّع تشتغل بنفس الوقت تأخّر الصفحة بدون ما تعطيك معلومة زيادة.

اختر خط واحد بوزنين، وأداة تحليل وحدة. هذا يكفي 95% من المواقع.

شلون تفحص موقعك بنفسك

ثلاث خطوات، ما تحتاج أي خبرة:

  1. افتح الموقع من التلفون بدون واي فاي وعُدّ بصوت عالي لين تشوف أول صورة.
  2. افتح PageSpeed Insights من گوگل، حط رابطك، واختار تبويب الموبايل مو الحاسبة.
  3. انزل لقسم وزن الصفحة وشوف أكبر ثلاث ملفات. بـ 90% من الحالات راح تلگاهن صور.

ثلاث أشياء تسويها اليوم

حتى لو ما عندك مبرمج تحت إيدك:

  • صغّر صورك قبل ما ترفعها. أي أداة مجانية تصغّر لعرض 1600 بكسل وتحوّل لـ WebP. هاي وحدها تنزّل وزن موقعك للنص أو أقل.
  • شيل أي أداة تتبّع ما تفتحها. إذا ما دخلت على تقاريرها من شهرين، ما تحتاجها.
  • افحص أثقل صفحة عندك مو الرئيسية. أغلب الناس تفحص الصفحة الرئيسية بس، والمشكلة تكون بصفحة المنتجات اللي فيها 50 صورة.

شگد يستاهل هذا الشغل؟

زبونك ما راح يگلك «موقعك بطيء». راح يسكّر الصفحة ويروح، وإنته ما تعرف إنه جاء أصلاً.

عشان هيك السرعة مو مشكلة تقنية، هي مبيعات ضايعة ما تشوفها بأي تقرير.

الخلاصة

السرعة مو رفاهية تقنية. هي أول انطباع يأخذه زبونك، ويصير قبل ما يشوف منتجاتك ولا أسعارك.

وأغلب المشكلة تنحل بشغلة وحدة: صغّر صورك قبل ما ترفعها.

وإذا تحب تشوف مثال حقيقي، اطلع على أعمالنا أو راسلنا.

المقال الجايتريد تطبيق؟ اسأل ثلاث أسئلة قبل ما تدفع

→ كل المقالات

احچيلنا عن مشروعك

نقرا رسالتك ونرجعلك على الواتساب.

شنو تحتاج؟
تفضّل الانستغرام؟ راسلنا على @webers.iq