التصميم الجيد هو ما يجذب الناس إلى موقع الويب الخاص بك والتصميم الرائع بالتعاون مع الأقوياء تحسين محركات البحث هو ما يبقيهم هناك ومتفاعلين.
ومع ذلك، هناك توازن دقيق يجب تحقيقه بين العثور على تصميم ويب ممتاز يعكس علامتك التجارية ويبدو جيدًا ويجذب زوارك المحتملين، مع ضمان عدم التنازل عن قدرتهم على استخدام موقع الويب الخاص بك أو العثور على المعلومات التي يتواجدونها أبحث عن.
يعد العثور على هذا التوازن بين التصميم الرائع وسرعة الصفحة أمرًا مهمًا، وهناك العديد من الطرق التي يمكنك من خلالها الحصول على صفحة ويب غنية بالصور وممتعة من الناحية الجمالية ولا تجعل زوار موقعك ينتظرون لفترة أطول من عتبة 3 ثوانٍ.
ولمساعدتك على ضمان جذب تصميمات صفحتك للسوق المستهدف الصحيح دون التسبب في الإحباط، قدمنا لك الإلهام التالي لتبدأ.
1] تحسين وتغيير حجم الصور الخاصة بك
تؤثر أي صور موجودة على موقع الويب على سرعة تحميل صفحتك ويجب تحسينها وفقًا لذلك. يمكن أن تُحدث الصور فرقًا كبيرًا في تصميم صفحتك، سواء كنت تستخدمها لعرض تصميماتك ومشاريعك السابقة أو لعرض فريق التوظيف لديك مثل الصفحة الرئيسية على https://www.i3media.net/.
أفضل طريقة لضمان حجم صورك بشكل مناسب هي التحقق من تصميم صفحتك عبر أجهزة متعددة وملاحظة الحجم الأكبر الذي تظهر به صورك - يمكن القيام بذلك عن طريق التحقق من تصميمك في متصفح الويب والنقر فوق "فحص العنصر" - سيتم تزويدك بحجمين – الحجم الذي تظهر به صورتك وحجم التحميل الأصلي.
إذا كان حجم التحميل الخاص بك أكبر من حجم العرض الأكبر لديك، على سبيل المثال، لديك صورة معروضة بحجم 192 × 108 بكسل، ولكن التحميل الخاص بك يبلغ 1920 × 1080 بكسل، فيجب عليك تغيير حجم الصورة من خلال برنامج مثل GIMP (مجاني) أو فوتوشوب (مدفوع).
بمجرد تغيير حجمها، قم بتشغيل صورتك من خلال برنامج تحسين مثل Tinypng. سيؤدي هذا إلى ضغط صورتك إلى أصغر حجم ملف متاح مما يساهم في تحسين وقت تحميل الصفحة وسيقلل من الوقت الذي ينتظره زوار موقعك أثناء تحميل جميع الصور.
وهذا مهم بشكل خاص عندما تحتوي صفحتك على صور متعددة، مثل المعرض أو صفحة العروض أو صفحة العرض. تأكد من تضمين هذه الخطوة كلما قمت بتحديث صورك، وقم أولاً بتغيير حجمها إلى الحد الأقصى لحجم العرض ثم ضغطها قبل تحميلها على موقع الويب الخاص بك.
2] التحقق من كفاءة التعليمات البرمجية الخاصة بك
إذا كنت تقوم بتشغيل موقع الويب الخاص بك على نظام إدارة المحتوى (CMS) مثل الووردبريس، ستحتاج إلى التأكد من تشغيل كل صفحة بأكبر قدر ممكن من الكفاءة دون الكثير من التعليمات البرمجية المتضخمة غير الضرورية والتي توجد عادة عند استخدام مكتبات JavaScript وأنظمة CMS.
تحقق من رمز صفحتك قبل إطلاق تصميم جديد وتأكد من أن كل ما لديك تم تصغير CSS وJavaScript. إذا قمت بتحديد أي أقسام من التعليمات البرمجية غير ضرورية أو تؤدي ببساطة إلى زيادة أوقات تحميل صفحتك، فتأكد من عدم الإشارة إليها في أي مكان آخر ثم قم بمسحها من قالب تصميم صفحتك.
تذكر أن التعليمات البرمجية الخاصة بك يجب أن تكون نظيفة ومفهومة، خاصة إذا كنت تعمل مع فريق حيث سيحتاج العديد من الأشخاص إلى الوصول إلى تصميمات صفحتك وقد يحتاجون إلى إضافة عناصر أو إزالتها من التعليمات البرمجية الخاصة بك. إذا كانت جودة التعليمات البرمجية الخاصة بك منخفضة، فهذا يجعل من الصعب إجراء التحسينات ولن تدوم إذا كنت قد اهتمت بالشفرة بمرور الوقت.
سرعة الصفحة هي المفتاح لضمان الخاص بك يبقى معدل الارتداد عند نسبة معقولة ويجب أن يكون عنصرًا مركزًا عند تصميم صفحات جديدة لموقعك الإلكتروني، خاصة الصفحات المخصصة للتحويل مثل صفحات الخدمات وصفحات التجارة الإلكترونية.
تأكد عند إضافة صور إضافية إلى صفحاتك أنك تقوم بتحسين كل صورة بشكل صحيح، فحتى صورة واحدة منسية بحجم أكبر بنسبة 10% من العرض المقصود يمكن أن يكون لها تأثير هائل على الوقت الذي ينتظره زوار صفحتك حتى يتم تحميل صفحة الويب الكاملة القابلة للاستخدام.
