6 طرق لتسريع تحميل موقع الويب الخاص بك

نشرت: 2021-08-19

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

عندما أذهب للتسوق عبر الإنترنت ، أتوقع أن يتم تحميل الصفحات في أسوأ الأحوال خلال 5-10 ثوانٍ. أي أطول من ذلك وأشعر بالنفاس أو أغادر المتجر تمامًا.

بالتأكيد ، قد يكون بعض الناس أكثر صبرًا مني ولكن لماذا تغامر؟ العبها بأمان واجعل موقع الويب الخاص بشركتك في أسرع وقت ممكن.

slow

الصورة بواسطة Meddygarnet

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

على سبيل المثال ، منذ 3 سنوات عندما أطلقت أنا وزوجتي متجرنا عبر الإنترنت لأول مرة ، كان أكثر من 35٪ من عملائنا يستخدمون الاتصال الهاتفي. نتيجة لذلك ، اضطررنا إلى إجراء تخفيضات كبيرة في تصميم موقع الويب الخاص بنا من أجل توفير تجربة تسوق سريعة بافتراض معدل تنزيل يبلغ 56 ألفًا فقط.

اليوم ، 2٪ فقط من عملائنا يستخدمون الاتصال الهاتفي (شكرًا لله!) حتى نتمكن من إضافة المزيد من محتوى الوسائط المتعددة بأمان دون التأثير على تجربة المستخدم.

لتحديد الحجم الأقصى لأي صفحة معينة ، عادةً ما أضرب 5 ثوانٍ في المتوسط ​​المرجح لعرض النطاق الترددي لزوار الويب. على سبيل المثال ، إذا كان معظم زواري يستخدمون DSL ، فقد أفترض سرعة تنزيل تبلغ 1 ميجابت وأقرر أن 5 ميجابت هو الحد الأقصى للحجم الذي يجب أن تكون عليه أي صفحة ويب معينة.

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

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

حدد ما هو الأكثر أهمية وأعد ترتيب التحميل

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

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

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

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

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

في حالة العناصر التي يجب أن تظهر في موضع معين على الصفحة ، يمكنك إما استخدام جافا سكريبت أو css للتحكم في ترتيب التحميل.

على سبيل المثال ، على الرغم من ظهور إعلان ليدربورد مقاس 728 × 90 أعلى موقع MyWifeQuitHerJob.com ، إلا أنني أتأكد من أنه يتم تحميله أخيرًا عن طريق تنفيذ الخطوات التالية.

  • أقوم بإنشاء <div id = ”banner728 ″> فارغًا حيث يجب أن يكون الإعلان وقمت بتعيين معرفه على" banner728 ". يؤدي هذا بشكل فعال إلى إنشاء عنصر نائب فارغ يمكنني تحميله لاحقًا باستخدام جافا سكريبت
  • في نهاية الصفحة ، أقوم بتضمين مقتطف جافا سكريبت التالي
    <script type = ”text / javascript”>
    document.getElementById (“banner728”). innerHTML = "كود إعلان بانر المطلوب"؛
    </script>
    يعثر هذا الرمز على العنصر النائب "banner728" الذي قمت بتعيينه أعلاه ويدرج لافتة الإعلان في <div>. لأن هذا البرنامج النصي في نهاية الملف ، فإنه يتم تحميله بعد كل شيء آخر.

لا تستخدم HTML Image Resizing

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

والسبب هو أنه يجب تحميل الصورة الأصلية بالكامل قبل عرضها على الرغم من أنك لا تعرض سوى صورة أصغر بكثير.

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

تحسين صورك

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

تأكد من تحسين صورك وتقليصها قدر الإمكان قبل عرضها على صفحتك. غالبًا ما أختار جودة JPEG بنسبة 50 بالمائة أو أقل باستخدام Photoshop مع الصور الموجودة على مواقعي.

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

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

استضافة فيديو وصور كبيرة مع طرف ثالث

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

على سبيل المثال ، بدلاً من استضافة مقاطع الفيديو على الخادم الخاص بك ، لماذا لا تستخدم YouTube أو Vimeo؟ إذا كنت ترغب في امتلاك المحتوى الذي تنتجه ، يمكنك أيضًا الدفع واستخدام خدمة مثل Amazon's S3. اترك محتوى النطاق الترددي العالي للكبار.

تجنب استخدام كود الطرف الثالث أو الصور ذات الروابط الساخنة

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

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

قد لا يبدو التأخير ببضع مئات من المللي ثانية كثيرًا ولكن إذا كنت تسحب رمزًا من 10 خوادم مختلفة ، فيمكن أن تضيف عمليات البحث هذه عدة ثوانٍ من زمن الانتقال.

الاستفادة من التخزين المؤقت والضغط

الجزء الأكبر من مواقع الويب عبارة عن نصوص وضغطات نصية بشكل جيد للغاية. لهذا السبب إذا قمت بتمكين الضغط على الخادم الخاص بك ، يمكنك تقليل أوقات التنزيل بنسبة تصل إلى 75٪.

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

إذا كان الضغط مدعومًا من خادمك ، فتأكد من تمكينه على موقع الويب الخاص بك باتباع الخطوات الموضحة في هذه المقالة. إذا كنت تستخدم WordPress ، فإن المكون الإضافي WP-SuperCache يتعامل بالفعل مع الضغط نيابة عنك.

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

مسائل السرعة

من المحتمل أن يكون هناك شخص ما يشاهد موقع الويب الخاص بك على اتصال أبطأ بكثير من اتصالك. وتحتاج دائمًا إلى حساب القاسم المشترك الأدنى من أجل تعظيم إمكانات الربح لعملك عبر الإنترنت.

لقد صدمت جدًا عندما رأيت أن متجرنا على الإنترنت لا يزال لديه عملاء الطلب الهاتفي! إذا كان لا يزال لدي ، فقد تكون كذلك.