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

ماذا تفعل لتسريع موقعك ؟

نشر موقع SEOmoz الشهير، ان تقريبا 70% من المواقع على الانترنت بطيئة مما يؤثر على تجربة المستخدمين داخل تلك المواقع, ويؤثر ايضا على طريقة تعامل محركات البحث مثل Google معهم، لذلك سوف نحاول في شرح اليوم مشاركتك 10خطوات كي تزيد من سرعة الموقع بشكل عام وزيادة رضا الزوار.

1. تغيير مقاسات الصور

اذا كنت من مستخدمي نظم ادارة المحتوى (CMS) مثل ووردبريس او جملة , فانه يمكنك تحميل الصور بحجمها الكامل ومن ثم تقوم بضبط حجم عرض الصور في صفحة ادارة الموقع . ولكن هذه العملية لا تنفع لان بعض المتصفحات تقوم بتنفيذ الاوامر وتحميل ما يصل اليها من صور بحجمها الطبيعي ثم اعادة تحجيمها بالحجم الذي اخترته وهذا يمكن ان يبطىء موقعك .
اقرأ أيضا:من الأفضل ووردبرس ام جوملا ام دروبال؟
ولحل هذه المشكلة يجب عليك استخدام برنامج تعديل الصور لضبط حجم الصور الى الحجم المناسب قبل اضافتها على موقعك الالكتروني . ورغم بساطة هذه الخطوة الا انها وحدة من اهم اسباب بطئ المواقع وبمجرد اصلاح هذا المشكلة ستلاحظ زيادة سرعة موقعك بنسبة قد تصل حتى 10%
2. السماح بخاصية التخزين المؤقت


التخزين المؤقت أو الكاش Cache في المتصفح هي خاصية تسمح لمتصفح زائر موقعك ان يقوم بتخزين نسخ من صفحات موقعك بحيث اذا كان الزائر سوف يعود مرة اخرى لموقعك فانه يمكن استعادة المحتوى المخزن بدلا من ان يقوم باعادة تحميل الصفحة بأكملها .
وهذا يساعد ان يكون وقت تحميل الصفحة اسرع لانه اهم محتويات موقعك كاللوغو, الصور,… لن يتم اعادة تحميلها مع الموقع مجددا.
ولتفعيل خاصية التخزين الموقت في المتصفح لمستخدمي ووردبريس يمكن تحميل اداة W3 Total Cache , كما يمكنك دمج التخزين المؤقت في المتصفح في سكربت السيرفر الخاص بموقعك .

3. تشغيل خاصية Gzip


ضغط Gzip هي تكنولوجيا تقوم بتقليل حجم استجابات HTTP في المتصفح , وقد تصل نسبة الضغط في بعض الاحيان الى 70% . فانه باستخدامك برنامج الضغط Gzip يمكن تسريع تحميل موقعك بشكل ملحوظ .
أفضل طريقة لتشغيل ضغط Gzip في موقعك عن طريق وضع الاكواد التالية في ملف 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


4. تنظيم اكواد CSS و JAVASCRIPT


حافظ على اكواد موقعك نظيفة ومرتبة, عن طريق وضع ملفات CSS في اعلى الصفحة وقصاصات Javascript في اسفل عند العمل مع صفحات HTML .
ان اضافة ملفات CSS في اعلى الصفحة يمنع التقديم التدريجي ويوفر المصادر الى متصفحات الانترنت , ووضع Javascript في الاسفل يمنع صفحات موقعك من انتظار التحميل لحين تنفيذ الاكواد البرمجية بالكامل , وهذا يؤدي الى تسريع تصفح موقعك للزائرين

5. الاستفادة من شبكات CDN


تعد شبكات تقديم المحتوى او شبكات عرض المحتوى (CDN) عبارة عن شبكة واسعة من السيرفرات تقوم بتخزين المحتوى من جميع انحاء العالم .
فبدل ان تقوم بتخزين محتوى موقعك على الاستضافة التي حجزت موقعك عليها , تقوم بتخزين محتوى موقعك مثل الصور ومقاطع الفيديو على شبكة عرض المحتوى , والنتيجة تكون تحميل اسرع لموقعك مما يجلب الزوار الى موقعك وترتيب جيد في محركات البحث .
انصحك بتجربة بعض شبكات عرض المحتوى مثل MaxCDN او Amazon CloudFront
وهناك شبكة تعطيك خطة مجانية يمكن ان تقوم بتجربتها وهي جيده CloudFlare


6. تحديث سكريبت موقعك


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


7. ازالة الاضافات الغير ضرورية


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

8. تعديلات على الصفحة الرئيسية

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

9. اضافة خاصية LazyLoad

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

10. استضافة جيدة


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

يتجسد الأبدآع دائماً في مواضيعگ
عندما يكون لهذآ التميز مجهود جداً رآئع
دمت بگل خير
..~

طرح بمنتهى الجمال
سلمت اناملك على هذا الجلب الاكثر من رائع
دمتي ودام عطائك

.
.
‘

سلمت الأكُف .. وسلِم لنا هذا الطرح المميز
اسعدك الله , و لك الشكر أبدًا وَ مددًا ..كل الــود و التقدير لشخصّك.

سلمت الآكف ومَاجلبت
إبداع دآئم وتميز مُستمر
لا عدمنَاك
تقديري وتحيتي لسموك

سَلِمَتْ الأَيَادِي عَلَىَ الطًرْح المٌمَيَزْ وَالرًآئِعْ
يِعْطِيكٌمْ العَافْيِة وَلاحَرَمَنَا الله مِنْ عَطَآئِكٌم المٌزْدَهِر
بِإنْتِظَآرْ القَآدِمْ بِكٌلِ شَوْقْ
أَطْيَبْ الأٌمْنِيَآت وَأَرُقْ التُحِيَاتْ