كيفية تحقيق التوازن بين سرعات تحميل صفحات الويب السريعة والمحتوى الغني

نشرت: 2021-07-19

تعد أوقات تحميل الصفحات السريعة والمحتوى التفاعلي الغني مفتاحًا لإنجاح موقع الويب ، ولكن تحقيق التوازن بين الاثنين يمكن أن يكون أمرًا صعبًا.

ليس سراً أن أوقات تحميل الصفحة مهمة للغاية لنجاح موقع الويب. تفضل خوارزميات البحث في Google أوقات التحميل السريع وهناك أيضًا الكثير من الأبحاث التي توضح أن الزيادة الطفيفة في وقت تحميل الصفحة يمكن أن يكون لها تأثير سلبي على التحويلات. كتب مدير التسويق الرقمي Hallam ، Tom whiley ، منشورًا ممتازًا في المدونة حول كيفية تحسين سرعة تحميل صفحتك العام الماضي. بينما قام شركاؤنا في الاستضافة ، WP Engine ، بإنتاج مخطط معلوماتي رائع حول سرعة تحميل الصفحة.

تحتاج مواقع الويب أيضًا إلى أن تكون غنية بالمحتوى والصور والتفاعل لتشجيع التحويلات. يؤدي هذا حتمًا إلى صفحات أكبر ، مما يؤدي بطبيعة الحال إلى إبطاء وقت تحميل الصفحة.

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

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

اربط سرعة الصفحة بالغرض منها

لا يمكن التنبؤ بأوقات التحميل حتى يتم تطوير موقع ويب إلى مرحلة ناضجة بشكل معقول ، لذلك من الأفضل اتباع نهج تكراري لقياس السرعة وتحسينها.

نقطة البداية الرئيسية هي تحديد الصفحات المقصودة لكبار المسئولين الاقتصاديين للموقع وصفحات المحتوى الغنية. يمكنك بعد ذلك التركيز على تقليل حجم الصفحة وسرعة تحميل صفحات تحسين محركات البحث قدر الإمكان.

وبالمثل ، يمكن السماح للصفحات المقصودة الغنية بمساحة أكبر قليلاً لتفاعل المستخدم.

إليك عملية تقريبية يمكن تطبيقها:

حدد الصفحات المقصودة الرئيسية التي سنكون هدفًا لسرعات تحميل منخفضة.
صمم حول أفضل الممارسات لأوقات التحميل المنخفضة.
حدد الميزات المتعلقة بأفضل الممارسات لأوقات التحميل المنخفضة.
تطوير الصفحة (الصفحات).
قم بالقياس والبحث عن الفرص لتوفير وقت التحميل.
كرر 4-5 حسب الاقتضاء.

يغطي هذا الجزء الأول فقط من القصة. تحتاج بعد ذلك صفحات تحسين محركات البحث الرئيسية إلى المراقبة المستمرة لأوقات تحميل الصفحة للتأكد من أنها لا تزال تعمل على النحو المتوقع ، خاصة عند استخدام نظام إدارة المحتوى الذي يسمح لأي شخص بتحرير الصفحات.

لذلك ، بعد إطلاق الموقع ، هناك خطوتان بسيطتان يمكن اتباعهما:

قم بإعداد فحص شهري للصفحات الرئيسية المقصودة الرئيسية للتأكد من أنها لا تزال تعمل.
استخدم أداة مراقبة سرعة الصفحة التي يتم تشغيلها بمجرد أن يكون أداء الصفحة أقل من المستوى المتفق عليه.

اعتبارات التصميم لتحسين سرعات التحميل

يلعب تصميم الموقع دورًا رئيسيًا في تحديد مقدار إمكانية تحسين أوقات تحميل الصفحة. عندما يتعلق الأمر بصفحات الويب ، فإن الحجم مهم حقًا. الهدف هو الحفاظ على وقت تحميل الصفحة أقل من 500 كيلو بشكل مثالي ، ولكن بالتأكيد أقل من 1 ميغا بايت على الأكثر.

فيما يلي بعض الخطوات التي يجب اتخاذها لتقليل أوقات التحميل:

قلل من استخدام الصور في الصفحات المقصودة الرئيسية قدر الإمكان. من السهل جدًا استخدام الصور لجعل الصفحة تبدو غنية عندما يكون للاستخدام الدقيق للأيقونات والتصميم نفس التأثير.
عند استخدام الصور ، يجب تحسينها مع ضمان عدم وجود تدهور غير مقبول في الجودة.
استفد من الصفحات المقصودة البسيطة التي تم تحسينها للبحث العضوي ، واحتفظ بأي محتوى ثري على صفحات أعمق لا يتم استهدافها للبحث العضوي.
تجنب الكثير من التخطيطات الفريدة والمعقدة عبر قوالب متعددة. كلما كانت ترميز HTML أبسط ، كانت الملفات أصغر.
تجنب العناصر التفاعلية المعقدة التي تعتمد على مكتبات جافا سكريبت الثقيلة. قد يبدو الأمر رائعًا عند رؤية شيء ما يتحرك عبر الشاشة ، ولكن هل هذا ضروري حقًا؟

الاعتبارات الفنية أثناء التنفيذ

وأخيرًا ، يمكننا الدخول في بعض الجوانب التقنية لسرعة تحميل الصفحة والتي يجب أخذها في الاعتبار كجزء من اختيار الاستضافة:

قم بإزالة الاعتماد على البرامج النصية التابعة لجهات خارجية حيثما أمكن ذلك. يتسبب ذلك في حدوث مشكلات لأنك لا تعتمد فقط على تلك البرامج النصية التي يتم تحميلها قبل تحميل الصفحة ، ولكن في بعض الأحيان تكون أيضًا تحت تحميل كبير وتحميل أبطأ من المعتاد. يمكن أن يؤدي ذلك إلى أوقات تحميل "متكتلة".
استخدم تقنيات التحميل البطيء لضمان تحميل الصور التي لا تظهر في الجزء المرئي من الصفحة عندما يقوم المستخدم بالتمرير إلى مكان العرض.
استفد بشكل أفضل من الصور سريعة الاستجابة. كان هناك بعض التقدم في كيفية معالجة الصور المتجاوبة بواسطة المتصفحات ، مما يعني أننا لسنا بحاجة إلى توفير صورة واحدة كبيرة تعمل على جميع منافذ العرض ، ويمكننا تقديم صورة أفضل لدقة معينة.
تأكد من تحميل مقاطع الفيديو المضمنة بعد تحميل الصفحة ، وليس كجزء من تحميل الصفحة. هذا يعني أن المستخدمين سيرون صورة معاينة لمقطع فيديو ، ثم يشاهدون الفيديو الفعلي بعد النقر على الرابط.
تجنب ملفات htaccess الكبيرة لعمليات إعادة التوجيه 301 واجمع القواعد في عمليات إعادة توجيه الفئات المجمعة ، بدلاً من عمليات إعادة التوجيه الفردية من صفحة إلى صفحة.
استخدم CDN للصور. سيحتاج هذا إلى قياس حيث يمكن أن تكون شبكات CDN ضارة بالأداء ، إذا كانت قاعدة مستخدمي الموقع مترجمة بشكل خاص.
تصغير ملفات CSS و Javascript. يجب أن تقوم بذلك بالفعل في معظم الحالات ، ولكن يمكن أن تكون هناك فرص أخرى لتقليل بعض الملفات الموجودة على الصفحات الرئيسية. هذا جزء أساسي لاتخاذ القرار بشأن تثبيت أي مكونات إضافية جديدة.
إسقاط الدعم للمتصفحات القديمة. تتطلب المتصفحات القديمة إنشاء ملفات CSS و JS معينة وتحميلها في الموقع بشروط. إذا تمكنا من إزالة هذه العناصر بالكامل ، فسيقل طلب ذلك.
قلل عدد المكونات الإضافية المستخدمة على موقعك. نحن نرث بانتظام مواقع الويب التي تعاني من سخام المكون الإضافي. إنها ليست مشكلة جديدة عند العمل مع CMS ، لكنها لا تزال مشكلة كبيرة.
قم بإزالة أي اعتماد على متطلبات الاستضافة غير الأساسية ، مثل استضافة الصور لتوقيعات البريد الإلكتروني
قم بتشغيل استعلامات تحسين قاعدة البيانات. إذا كان موقع الويب الخاص بك موجودًا منذ فترة ، فهناك عدد من تقنيات قواعد البيانات التي يمكن استخدامها لتحسين الوقت الذي يتم فيه تشغيل الاستعلامات.

باختصار ، يعد إنشاء موقع محسن للغاية بمثابة توازن بين المواصفات والتصميم والتنفيذ. العامل الرئيسي بالنسبة لي هو التمييز بين صفحات تحسين محركات البحث (SEO) المحسّنة للغاية من الصفحات الأخرى حيثما أمكن ذلك والتركيز على تحسينها قدر الإمكان.

إذا كنت بحاجة إلى مساعدة في تطوير الويب الخاص بك ، فلا تتردد في الاتصال بنا.