يعد تحسين وقت تحميل موقع الويب الخاص بك نهجًا مربحًا للجانبين لإبقاء زوار موقعك سعداء وزيادة الإيرادات الناتجة عن عملك عبر الإنترنت.

لإلقاء الضوء على كل تلك المشكلات التي تبطئ موقع الويب الخاص بك ، قمنا بدعوة Stavros Papadakis لتوضيح عمليته لتسريع مواقع الويب البطيئة.

ما الذي يجعل موقع الويب الخاص بك بطيئًا؟

يجب عليك بالتأكيد التحقق من رسالتي السابقة بـ 16 طريقة لتسريع موقع WordPress الخاص بك.

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

إذا قمت بتمكين الضغط على ملف htaccess الخاص بك ، أو دمج ملفات CSS ، أو نقل ملفات Javascript إلى التذييل ولكنك لا تزال غير راضٍ عن وقت تحميل موقعك ، ثم تحقق من هذه المشكلات الـ 18 الشائعة التي تبطئ موقع الويب الخاص بك.

1. مواقع ثقيلة للغاية

ليس هناك شك في أن صفحة 3 ميجا بايت والتي تقدم 180 طلب HTTP ستكون أبطأ من موقع 1 ميجا بايت مع 60 طلب HTTP.

هل ترغب في تحسين وقت تحميل موقعك؟

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

على الرغم من أنه يمكنك تحسين صورك ، ودمج ملفات CSS ، وتقليل ملفات Javascript ، وتطبيق العديد من تعديلات تحسين الواجهة الأمامية ، فإن امتلاك موقع 3 ميجا بايت سيجعل موقعك بطيئًا ومستخدمي موقعك غير سعداء.

21 ميجا بايت عبارة عن حمولة ضخمة لخادمك ومتصفحك.

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

بمعنى آخر ، يجب أن تسأل نفسك دائمًا:

هل أحتاج حقًا إلى 8 صور كبيرة في عرض الشرائح الخاص بي على الصفحة الرئيسية؟

هل يجب علي عرض 20 عنصر محفظة على الصفحة الرئيسية؟

هل يجب أن أعرض 12 شهادة لمستخدمين سعداء على الصفحة الرئيسية أم أن 3 شهادات ستفعل الحيلة أيضًا؟

تحميل كل هذه البيانات يجعل موقعك يبدو جميلًا ولكن موقعك سيكون أبطأ أيضًا بسبب كل هذه البيانات.

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

2. الصور غير المحسنة

هل تعلم أن 80٪ من الوقت الذي يستغرقه تحميل موقع ويب يتم التحكم فيه من خلال بنية الواجهة الأمامية؟

هذه حقيقة رائعة لتحسين أداء الويب.

يتم إنفاق 80٪ من وقت استجابة المستخدم النهائي في الواجهة الأمامية. ركز على ذلك.

يمكنك محاولة تحسين قاعدة البيانات أو كود PHP ولكن إذا تجاهلت هذه الحقيقة ذات الأهمية القصوى ، فسيكون موقع الويب الخاص بك بطيئًا.

يمكن أن يصبح ملف PNG بحجم 460 كيلوبايت بحجم 90 كيلوبايت عن طريق تحسينه.

إذا كان لديك 10 صور غير محسّنة في موقعك ، فيمكنك إضافة 2-3 ميغابايت من تحميل الصفحة الإضافي.

إذا لم تقم بتحسين صورك ، فقد يتأثر وقت تحميل موقعك بشدة.

الخبر السار هو أن معظم صور JPG و PNG يمكن أن تصبح أصغر بنسبة 40٪ أو حتى 80٪ دون فقدان جودة الصورة عن طريق تحسينها باستخدام Photoshop أو ImageOptim أو أداة خارجية مثل Kraken.

3. الإفراط في استخدام الإعلانات

يمكن أن يكون Google Adsense والخدمات المماثلة الأخرى مصدرًا إضافيًا للدخل بالنسبة لك ، ولكنها قد تؤدي أيضًا إلى إبطاء موقعك.

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

لا يقتصر الأمر على أن الإعلانات مزعجة لمعظم المستخدمين ولكنها ستؤدي إلى إبطاء موقعك أيضًا.

يرجى التحقق من لقطة الشاشة التالية من موقع العميل.

هل تحتاج حقًا إلى كل هذه الإعلانات المزعجة؟

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

لتلخيص ذلك ، يجب دائمًا استخدام الإعلانات بحذر. طالما أن الإعلان لا يدر أموالًا ، فيجب إزالته.

4. أبعاد خاطئة لصورك

يجب ألا تحجيم الصور بتنسيق HTML ، بل يجب تغيير حجم الصورة الكبيرة واستخدام الصورة التي تم تغيير حجمها بدلاً من ذلك.

على سبيل المثال ، لنفترض أن لديك صورة تبلغ 1200 بكسل × 600 بكسل وتريد استخدام نسخة "أصغر" منها ، مثل 400 بكسل × 200 بكسل.

في هذه الحالة ، لا تستخدم الصورة الأصلية وقم بتصغيرها عن طريق تغيير أبعاد العرض والارتفاع في HTML.

يجب إنشاء صورة مصغرة جديدة عن طريق تغيير حجم الصورة الأصلية من 1200 بكسل × 600 بكسل إلى 400 بكسل × 200 بكسل واستخدام الصورة الجديدة الأصغر حجمًا وسيتم تحميلها بشكل أسرع.

لقد صادفت العديد من المواقع التي كانت تستخدم لتحميل صورة على فيسبوك 256 × 256 بحجم 150 كيلو بايت بدلاً من 32 × 32 أيقونة فيسبوك بحجم 2 كيلو بايت!

5. عمليات إعادة التوجيه غير المجدية

لدي اختبار سريع واحد لك.

أي من الصور التالية يتم تحميلها بشكل أسرع ، A ، B ، C ، D؟

أ. http://www.domain.com/image.jpg
ب. http://domain.com/image.jpg
ج. https://www.domain.com/image.jpg
د. https://domain.com/image.jpg

هل اخترت A؟ خاطئ.
هل اخترت ب؟ خاطئ.
هل اخترت C؟ خاطئ.
هل اخترت د؟ مخطئ مرة أخرى!

الجواب الصحيح هو أن ذلك يعتمد على موقعك!

إذا كان موقعك https://www.domain.com ، فحينئذٍ من خلال استدعاء إصدار الصورة بخلاف HTTPS (http://www.domain.com/image.jpg) ، ستكون هناك إعادة توجيه إضافية من http: //www.domain.com/image.jpg إلى https://www.domain.com/image.jpg بواسطة المتصفح لتحميل الصورة.

إذا كنت تستخدم إصدارًا بخلاف www لموقعك (http://domain.com/) ، فيجب عليك دائمًا استخدام الإصدار بخلاف www لصورك أيضًا (مثل http://domain.com/image. jpg بدلاً من http://www.domain.com/image.jpg).

لا تحب المتصفحات هذا النوع من عمليات إعادة التوجيه التي لا طائل من ورائها.

عمليات إعادة التوجيه غير المجدية سوف تبطئ موقعك

باستخدام عناوين URL النسبية لملفاتك (على سبيل المثال <img src = ”// eadn-wc04-1126528.nxedge.io/image.jpg” />) ، يمكنك بسهولة التخلص من هذه المشكلة الشائعة التي تؤدي إلى إبطاء وقت تحميل موقعك.

6. موقع الخادم غير صحيح

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

كلما اقترب الخادم من زوار موقعك ، زادت سرعة موقع الويب الخاص بك.

وغني عن القول ، إذا حصلت على حركة مرور من جميع أنحاء العالم ، فأنا أوصيك بشدة باستخدام شبكة توصيل المحتوى أو CloudFlare بحيث يتم تحميل الصور وملفات CSS و Javascript من خادم أقرب إلى موقع كل مستخدم.

7. خطط الاستضافة المشتركة Dodgy

لا أحد يرغب في دفع مبلغ $ $ لاستضافة موقع ما ولكن خدمة موقع WooCommerce مع 40 مكونًا إضافيًا نشطًا أو موقع Magento مع 5000 منتج عبر خطة استضافة مشتركة تكلف 5 دولارات شهريًا هي وصفة لكارثة.

يجب عليك دائمًا الاستثمار في شركة استضافة جيدة للحصول على أفضل وقت تحميل لموقعك.

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

إذا كان لديك موقع WordPress ثقيل يستخدم Woocommerce أو العديد من المكونات الإضافية النشطة ، فأنا أوصي بشدة بـ WP Engine و FlyWheel (الروابط التابعة).

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

8. الإفراط في استخدام نصوص وسائل التواصل الاجتماعي

تضيف البرامج النصية للوسائط الاجتماعية (Facebook و Twitter و Pinterest وما إلى ذلك) بحث DNS ومجموعة من ملفات Javascript وبعض الصور كلما تمت إضافتها في صفحة.

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

ما الهدف من تحميل أيقونات الوسائط الاجتماعية هذه في كل صفحة على سبيل المثال في صفحة الاتصال أو في صفحات الفئة الخاصة بك؟

يؤدي عرض 5 حسابات مختلفة لوسائل التواصل الاجتماعي لكل منشور على الصفحة الرئيسية أو صفحات الفئات إلى زيادة التحميل على موقعك. ما مدى أهمية إظهار التهم على هذه الصفحات؟ هل تحتاج إلى إظهار Facebook و Twitter و Pinterest و Google Plus و LinkedIn أيضًا؟

يمكن للكثير من البرامج النصية لوسائل التواصل الاجتماعي أن تقضي على أداء موقعك

هل سيكون من الأفضل عرض 1 أو 2 فقط اللذين يحققان أداءً جيدًا بالنسبة لك؟ إذا لم تحصل على العديد من المشاركات ، فهل هناك فائدة كبيرة من إظهار أي منها على الإطلاق؟

يجب أن تفكر دائمًا مرتين قبل إضافة أي خيارات وسائط اجتماعية في صفحة من موقعك.

9. نوع ملف خاطئ لصورك

إذا كنت بحاجة إلى الشفافية لصورك ، فلا يمكنك تجنب نوع ملف PNG ولكن إذا لم تكن بحاجة إلى الشفافية ، فلا يجب عليك أبدًا حفظ صورك كملفات PNG لأنها أكبر بكثير في حجم الصورة أبطأ بكثير من صور JPG.

قلل أو حتى تخلص من أي ملفات GIF ثقيلة لأنها يمكن أن تؤدي إلى إبطاء وقت تحميل موقعك بشكل كبير.

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

استخدم JPG كخيار افتراضي. إنه نوع ملف التحميل الأصغر والأسرع لمعظم الملفات.

10. عدم الاستفادة من الخدمات المخصصة

هناك عدد كبير من الخدمات الشائعة التي يمكن أن تقلل من حمل الخادم الخاص بك.

هل لديك فيديوهات على موقعك؟ يجب عليك استخدام Youtube أو Wistia أو Vimeo.

هل لديك تعليقات كثيرة على موقعك؟ يجب عليك استخدام Disqus أو IntenseDebate أو
الحوار.

هل تستخدم jQuery أو jQuery UI أو AngularJS أو Mootools؟ يجب عليك تحميلها عبر مكتبات Google المستضافة.

هل تستخدم WordPress وتعرض منشورات شائعة؟ يجب عليك استخدام Jetpack الذي يقوم بذلك تلقائيًا نيابة عنك.

يمكنك أيضًا استخدام شبكة توصيل المحتوى (CDN) لخدمة صورك منها بدلاً من موقعك.

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

11. أخطاء 404

إذا حاولت تحميل ملف غير موجود أو لم يتمكن المتصفح من العثور عليه ، فسيتأثر وقت تحميل موقعك بخطأ 404 HTTP هذا.

يجب عليك دائمًا التحقق من وجود أي أخطاء 404 أثناء عرض صفحاتك لتحقيق أسرع وقت تحميل. يمكنك القيام بذلك إما عن طريق التحقق من الشلال الذي تم إنشاؤه لموقعك باستخدام Webpagetest و GTMetrix أو باستخدام علامة تبويب الشبكة في المتصفحات مثل Chrome و Firefox.

إذا أظهر Webpagetest أي خطوط حمراء على الشلال ، فيجب عليك على الفور استكشاف أخطاء 404 وإصلاحها.

404 أخطاء يمكن أن تفسد وقت التحميل

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

12. عدم تخزين موقعك في ذاكرة التخزين المؤقت

تستخدم كل أنظمة إدارة المحتوى (WordPress و Joomla و Drupal و Magento) قاعدة بيانات لحفظ مجموعة كبيرة من البيانات عليها.

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

يمكنك حل هذه المشكلة باستخدام التخزين المؤقت.

إذا كنت تستخدم WordPress ، فيمكنك إما استخدام مكون إضافي للتخزين المؤقت مثل
W3 Total Cache أو WP Super Cache أو ZenCache أو استخدم شركة استضافة خادم مُدارة مثل WP Engine و FlyWheel (الروابط التابعة) التي تهتم بالتخزين المؤقت.

وغني عن القول ، تقدم Joomla و Drupal و Magento خيارات التخزين المؤقت أيضًا والتي يمكن أن تساعد كثيرًا من خلال توفير إصدارات مخبأة من موقعك لزوار الموقع اللاحقين بدلاً من إنشاء كل صفحة مرارًا وتكرارًا.

يمكن أن يؤدي التخزين المؤقت لصفحاتك إلى تسريع موقعك بشكل كبير

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

13. مئات من طلبات HTTP

كل ملف CSS أو ملف Javascript أو صورة يتم تحميلها على موقعك هو طلب HTTP. كلما زاد عدد طلبات HTTP إلى موقعك ، كان موقعك أبطأ.

على الرغم من أنه يمكنك محاولة دمج ملفات CSS و Javascript ، لتضمين ملفات CSS واستخدام CSS sprites للصور الصغيرة ، إذا قمت بتنفيذ هذه التعديلات ولا يزال لديك 150 طلب HTTP ، فمن الواضح أنك يجب أن تحاول إلغاء فوضى موقعك عن طريق إزالة المحتوى من هو - هي.

246 من طلبات HTTP ستبطئ موقعك بغض النظر عن مدى تحسينه

أعلم أنه من المغري عرض الكثير من المحتوى في كل صفحة من صفحات موقعك ، ولكن يرجى أن تضع في اعتبارك أن "الأقل هو الكثير" ، لذا حاول ألا تحمّل الكثير من الصور أو النصوص.

14. تكوين خادم غير صالح

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

يفعلون ذلك عادةً عن طريق تعطيل ميزات مثل الضغط و KeepAlive من بين أمور أخرى.

يسمح تمكين HTTP Keep-Alive لنفس اتصال TCP بإرسال واستقبال طلبات HTTP متعددة ، وبالتالي تقليل زمن الوصول للطلبات اللاحقة.

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

إذا كنت تستخدم خطة استضافة مشتركة وقامت شركة الاستضافة بتعطيل الضغط و Keep-Alive ، فيجب عليك تبديل شركة الاستضافة في أقرب وقت ممكن.

يجب تمكين Keep-Alive والضغط على الخادم الخاص بك

15. واردات CSS

تعد عمليات استيراد CSS طريقة رائعة لاستيراد ملفات CSS أعلى ملف CSS جديد ، مثل استيراد ملف إعادة تعيين CSS ، ولكنها تضيف تأخيرات إضافية أثناء تحميل صفحة الويب أيضًا.

يجب تجنب عمليات استيراد CSS ، كلما أمكن ذلك.

16. تحميل الملفات غير الضرورية في كل صفحة

يجب عليك تحميل ملفات CSS و Javascript فقط عندما تكون مطلوبة على إحدى صفحات موقعك.

على سبيل المثال ، إذا كان ملف Javascript محددًا مطلوبًا على صفحة واحدة فقط ، في هذه الحالة ، يجب عليك تحميل ملف Javascript هذا فقط على عنوان URL هذا بدلاً من تحميله في كل صفحة من صفحات موقعك.

إذا لم تتبع هذه القاعدة البسيطة ، فيمكنك في النهاية تحميل 30 ملف CSS و 40 ملف جافا سكريبت على صفحة تحتاج فقط إلى 3 ملفات CSS و 4 ملفات جافا سكريبت ، لذا فأنت تقدم 63 طلب HTTP إضافيًا وتضيف مئات الكيلو بايتات على الصفحة بحجم.

17. تحميل الملفات الثقيلة في الخلفية

تستخدم العديد من المواقع لتحميل صور خلفية كبيرة يصعب رؤيتها.

هل تحتاج حقًا إلى تحميل صورة بحجم 500 كيلوبايت في الخلفية؟ يجب أن تحاول استخدام CSS3 ، كلما كان ذلك ممكنًا أو استخدم لون الخلفية بدلاً من ذلك.

من الممارسات السيئة أيضًا تحميل ملفات الصوت في الخلفية أثناء تحميل موقعك.

تعمل معظم هذه الأساليب على إبطاء موقعك ويجب تجنبها.

18. عدم الاستعانة بخبير

كان هدفي هو تزويدك بمعلومات كافية للبدء في إصلاح صفحات التحميل البطيئة لموقعك.

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

من الأفضل تعيين خبير عندما تريد عملًا جيدًا.

يمكن للهواة اتباع أفضل الممارسات ولكن لا يعرفون من أين يبدؤون.

سيقوم أحد الخبراء بإصلاح المشكلات الفعلية التي تبطئ موقعك.

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

لقد أهدر العديد من عملائي وقتهم وأموالهم على هواة قاموا للتو بتثبيت مكون إضافي للتخزين المؤقت دون إصلاح المشكلات الفعلية لموقعهم.

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

لتلخيص ذلك ، يجب أن يتم تحسين وقت تحميل موقعك دائمًا بواسطة خبير يقوم بإجراء تعديلات تحسين السرعة بدقة جراحية.

تخيل مدى سعادة المستخدمين لرؤية أوقات التحميل فائقة السرعة!

إذا كنت تريد توظيفي ، يسعدني مساعدتك. شاهد محفظتي وتواصل معي على AwesomeWeb اليوم!