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

لماذا تحتاج إلى تسريع موقع الويب! مع ازدياد سرعات الاتصال بالإنترنت في جميع أنحاء العالم ومع ارتفاع استخدامات الهاتف المحمول، أصبح مستخدمو الويب أقل تسامحًا مع أوقات التحميل البطيئة. سيتخلى 53٪ من مستخدمي الجوّال عن موقع ويب الذى يستغرق تحميله أكثر من ثلاث ثوانٍ، وسيرتد ما يقرب من 10٪ من مستخدمي الويب بعد ثانيتين. بوضوح، كل ثانية مهمة.

في الوقت نفسه، أعلنت جوجل بشكل لا بأس فيه أن سرعة الصفحة هي عامل الترتيب في نتائج البحث.

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

1- تحسين صورك.

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

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

الخطوة 1: أعد تعديل حجم صورك قبل تحميلها.

إذا كنت تستخدم نظامًا لإدارة المحتوى (CMS) مثل ووردبريس أو جوملا، فقد لاحظت على الأرجح أنه يمكنك تحميل الصور بالحجم الكامل ثم ضبط حجم العرض داخل الخلفية لموقعك على الويب.

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

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

سيكون لدى معظمنا إمكانية الوصول إلى أداة بسيطة مثل المعاينة (على Mac) أو برنامج الرسام (على الويندوز). باستخدام هذه البرامج، كل ما عليك فعله هو فتح الصورة وإعادة ضبط حجمها في محرر اختيارك.

الخطوة 2: ضغط صورك.

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

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

compress-images

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

2- القيام بتطهير البرامج المساعدة.

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

إذا لاحظت أن موقعك يعمل ببطء، أو كنت تعتقد أنه يمكن تشغيله بمزيد من الفعالية، فقم بإجراء مراجعة للمكوِّن الإضافي.

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

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

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

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

3- تأكد من أن الاسكربت او البرنامج النصي لموقعك محدث بالفعل.

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

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

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

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

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

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

4- استعمال CDNs.

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

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

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

للبدء، ابحث في خدمات CDN التي تقدمها SiteLock أو MaxCDN أو Cloudflare.

5- تمكين التخزين المؤقت للمستعرض.

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

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

إذا كنت تستخدم ووردبريس، فيمكنك بسهولة تمكين التخزين المؤقت للمتصفح مع مكون إضافي مثل W3 Total Cache. لتثبيت هذا المكون الإضافي على موقع ووردبريس، اتبع الخطوات التالية:

  • انتقل إلى Dashboard بموقعك، ثم الوظائف الإضافية > إضافة جديد، وابحث عن W3 Total Cache. انقر فوق تثبيت، ثم تنشيط.
  • مجرد تنشيط المكون الإضافي، انتقل إلى علامة التبويب “الأداء” الجديدة في الجانب العلوي أو الأيسر. هذا هو المكان الذي ستتحكم فيه بكل ميزات المكون الإضافي.
  • هناك العديد من الميزات التي يمكنك تشغيلها أو إيقافها باستخدام هذا المكون الإضافي. إذا كنت ترغب في تكوين هذا البرنامج المساعد بشكل كامل، فقم بفحص هذه المشاركة.

بدلاً من ذلك، تحدث إلى مطور الويب لديك حول طرق دمج التخزين المؤقت للمتصفح في البرمجة النصية من جانب الخادم.

6- قم بتشغيل ضغط Gzip.

ضغط Gzip عبارة عن تقنية تقلل من حجم استجابات HTTP المستندة إلى المتصفح – أحيانًا بنسبة تصل إلى 70٪. إذا كان ذلك غير منطقي، فلا داعي للقلق. لست بحاجة إلى أن تفهم تمامًا كيف تعمل على تنفيذه لموقعك.

هناك ثلاث طرق لتشغيل ضغط Gzip على موقعك. يمكنك.

1- أضف الشفرة التالية إلى ملف htaccess الخاص بموقعك:

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript 

@أو ضغط أنواع معينة من الملفات بالامتداد:

<files *.html>
SetOutputFilter DEFLATE
</files> 

2- أضف الشفرة التالية إلى أعلى صفحة HTML أو PHP الخاصة بك:

  <?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

3- قم بتثبيت البرنامج المساعد لضغط Gzip مثل أداة W3 Total Cache الخاصة بـ ووردبريس
(ضع في اعتبارك ما قلناه سابقًا حول تثبيت العديد من الملحقات الإضافية غير الضرورية!).

7- حافظ على ملفات CSS في الأعلى وجافا سكريبت في الأسفل.

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

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

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

8- تقليل طلبات المتشعب.

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

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

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

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

في كروم:

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

في فايرفوكس:

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

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

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

الخيار 1: تقليل حجم الملف.

ابحث عن الفرص في القائمة لتقليل حجم ملف العناصر المختلفة. يتضمن قسمنا حول تحسين الصور بعض النصائح الجيدة. يمكنك أيضًا تصغير الرموز في ملفات HTML و CSS وجافا سكريبت عن طريق إزالة أي رموز أو مسافات غير ضرورية. يمكن للأدوات عبر الإنترنت مثل Autoptimize (لـ ووردبريس) و HTML Minifier تسهيل هذه الخطوة.

الخيار 2: دمج الملفات.

إذا كان لديك أكثر من ملف Javascript أو CSS لصفحتك على الويب، فسيؤدي الجمع بينهما إلى تقليل عدد طلبات http التي يتعين على الصفحة إجراؤها. يمكن لأدوات مثل JCH Optimize و Cloudflare المساعدة في ذلك.

9- تصغير وتحسين عمليات إعادة التوجيه.

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

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

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

10- ترقية استضافة المواقع الخاصة بك.

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

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

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

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

الخلاصة

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

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