Web Designشوية ثواني ماكتبانش بحال حاجة كبيرة حتى تشوفها كتوقع فالـ analytics الحقيقية: زائر كيكليكي على لينك من التيليفون ديالو، الصفحة كتوقف على spinner ديال التحميل، وهو راجع لنتائج البحث قبل حتى ما تكمل تصويرة الـ hero ديالك تتحمل. عمرو ماشاف العرض. عمرو ماقرا العنوان. الموقع خسرو قبل ما يكون عندو أي فرصة باش يبني الحجة ديالو.
أشنو كتوري الدراسات بجد
هادشي ماشي حدس غامض — هي وحدة من العلاقات الأكثر قياسا فأداء الويب. الأبحاث الصناعية من منصات كبيرة لقات مرارا بلي منين وقت تحميل الصفحة كيزيد من ثانية لبزاف ديال ثواني، معدل الارتداد كيطلع بسرعة، ومعدل التحويل كينزل بمنحنى حاد بحال الأول. الحد المذكور عادة هو أن منين صفحة موبايل كتاخد أكثر من تقريبا 3 ثواني باش تصبح قابلة للاستعمال، نسبة كبيرة من الزوار كيتخلاو عليها — وهاد النسبة باقية كتطلع مع كل ثانية زايدة بعد هادشي.
السبب اللي هاد التأثير قوي بزاف هو أن التحميل البطيء ماكيأخرش غير العرض — كيرسل إشارة للزائر قبل حتى ما يبدا العرض. صفحة كتوقف كتقرا، على مستوى لاوعي، بحال حاجة ماشي موثوقة. إلا الموقع ماقدرش يحمل بسرعة، علاش البيزنس اللي وراه غادي يكون أكثر اعتمادية؟
السرعة هي أول انطباع، ماشي حاشية تقنية
من السهل تحط سرعة الصفحة تحت "تفاصيل تقنية"، حاجة للمطورين باش يقلقو عليها من بعد ما التصميم يكمل. هاد التأطير كيفوت شنو السرعة فعلا: هي أول حاجة كيعيشها الزائر، قبل حتى ما تتقيم كلمة وحدة من النص ولا قرار واحد ديال التصميم. صفحة مصممة بشكل زوين ولكن كتحمل بطيء كتخدم فالواقع أضعف من صفحة أبسط كتحمل فالحين، حيت نسبة معتبرة من الجمهور ديال النسخة الزوينة عمرها ماغادي تبقى بالقدر الكافي باش تشوفها.
بطريقة أخرى: التصميم والسرعة ماشي أولويات منفصلة خاصك توازن بينهم. صفحة بطيئة هي فشل ديال تصميم، بغض النظر على كيفاش كتبان الشاشات فرادى منين فالأخير كيتحملو.
فين عادة كيمشي الوقت
فالممارسة، الصفحات البطيئة عادة كيشاركو مجموعة صغيرة ديال الأسباب، وغالبيتهم قابلين للإصلاح بلا ما تضحي بكيفاش الصفحة كتبان:
التصاور الغير محسنة هي السبب الأكثر شيوعا بمسافة كبيرة — تصويرة وحدة غير resized جاية مباشرة من كاميرا ولا تيليفون تقدر تكون أكبر بزاف من اللي محتاجاه لكيفاش فعلا كتتعرض على الشاشة، والفورمات الحديثة ديال التصاور تقدر تصغرها أكثر بلا خسارة محسوسة فالجودة.
Scripts غير ضرورية و embeds ديال أطراف ثالثة — widgets ديال السوسيال ميديا، plugins ديال الشات، بيكسلات التتبع مكدسين فوق بعضياتهم — كل وحدة كتزيد التأخير ديالها الخاص، غالبا لوظيفة الزائر عمرو ماكيستعملها بجد.
موارد render-blocking، فين المتصفح خاصو يحمل ويعالج stylesheet ولا script كاملة قبل ما يقدر يوري أي حاجة أصلا، كتخلق شاشة بيضاء فارغة لمدة أطول من اللازم، حتى لو وقت التحميل الكامل ماشي عالي بشكل درامي.
Page builders وthemes متضخمين، خصوصا templates عامة كتحمل كود لكل ميزة ممكنة عبر كل استعمال ممكن، حتى لو صفحة معينة كتستعمل غير جزء صغير منو.
علاش هادي وحدة من المشاكل الأكثر إزعاجا باش تخليها بلا حل
بعكس بزاف ديال المقايضات فـ web design، السرعة ماكتطلبش تختار بين "كتبان مزيانة" و"كتخدم مزيان". ضغط التصاور بشكل صحيح، قص الـ scripts الغير ضرورية، وبناء صفحات خفيفة بدل متضخمة يقدر يتدار بلا ما يبدل التصميم بشكل مرئي أصلا — الزائر عمرو ماكيشوف التحسين، غير كيعيش صفحة كتبان فالحين بدل وحدة كتخليه يتسنى. هادشي كيخليها وحدة من الإصلاحات الأكثر تأثيرا وأقل مقايضة فتقريبا أي موقع، وهادشي بالضبط اللي كيخليها مزعجة تشوفها متروكة بلا حل بزاف ديال المرات.
نحطو عليها رقم
تصور landing page كتشغل إعلانات بحث مدفوعة بميزانية يومية متواضعة، كترسل شي مية زائر فاليوم. إلا هاد الصفحة أخدات ستة ثواني باش تحمل على الموبايل بدل ثانيتين، الأبحاث الصناعية على التخلي بسبب وقت التحميل كتقترح بلي نسبة معتبرة من هاد الترافيك — غالبا ثلث ولا أكثر — كتمشي قبل حتى ما الصفحة تكمل التحميل. هادشي ماشي مشكل تصميم بادي فـ screenshot. هادشي ترافيك مدفوع، متخلص ديجا، متخلى عليه بهدوء قبل ما تكون عندو أي فرصة باش يشوف العرض أصلا.
الحل، فحالة بحال هادي، نادرا كيكون redesign. عادة كيكون شوية تصاور كبيرة عمرهم ماتضغطو، ملف خط كيتحمل من خدمة خارجية كيزيد تأخير زايد، وscript ديال widget شات كيخدم فكل صفحة سواء شي واحد كيستعملو ولا لا. حتى واحد من هادو ماشي عيب مرئي. كلهم قابلين للإصلاح فبعد الظهر، والعائد ديال هاد بعد الظهر — مقاس بالترافيك اللي ماعادش كيرتد قبل ما الصفحة تحمل — عادة أكبر من غالبية التغييرات الفردية الأخرى المتوفرة للصفحة.
اللي خاصك تحتفظ بيه
السرعة ماشي "زيادة زوينة" فوق تصميم مزيان — هي شرط أساسي باش يكون للتصميم فرصة يخدم أصلا. زائر مايقدرش يتقنع بعنوان عمرو ماشافو. قبل ما تستثمر أكثر فيما كتقول landing page، يستاهل تتأكد بلي الصفحة فعلا عندها الفرصة باش تقولو.
