كيفية تحسين سرعة الموقع لزيادة عدد الزوار

هل تظن أن سرعة موقعك ليست عامل مهم في نجاح الموقع؟

عند دخول الزائر إلى أي موقع فإن أول ما يتحكم في سلوكه هو سرعة الموقع أو الصفحة التي يحاول الوصول إليها ,
حيث أثبتت الإحصائيات أن 47% من الزوار يتوقعون ظهور محتوى الصفحة بالكامل في خلال ثانيتين
و إذا زاد وقت تحميل الصفحة عن تلك المدة يقوم حوالي 40% من الزوار بمغادرة الصفحة على الفور

كما أن ترتيب موقعك في أليكسا وفي محركات البحث يتأثر بنسبة كبيرة بسرعة تحميل الموقع

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

ما هو الوقت المثالي لتحميل الصفحة أو الموقع ؟

يمكن تقسيم أزمنة تحميل الصفحة كالتالي:

1- أقل من ثانيتين : ممتاز

2- من ثانيتين إلى 3 ثواني : متوسط

3- من 3 ثواني الى 7 ثواني : ضعيف

4- من 7 ثواني و أكثر : ضعيف جدا

و لقياس سرعة موقعك يمكنك إستخدام العديد من المواقع أو الخدمات و من أهمها

• Pingdom : و هذا الموقع من أفضل أدوات قياس سرعة تحميل المواقع حيث يمكنك من إختيار منطقة السيرفر الذي يدخل به على الصفحة لقياس سرعة تحميلها
• Google page-speed : و هي أداة مقدمة من جوجل تقوم بتحليل سرعة تحميل موقعك من الموبايل و الكمبيوتر ثم تعطيك نصائح لتحسين سرعة التحميل مجانا

بعد أن تعرفنا على أهمية سرعة تحميل الموقع و المقياس و الأدوات التي تستطيع من خلالها قياس سرعة تحميل الموقع، يمكننا الآن التعرف على أهم الخطوات التي يمكن اتخاذها لتحسين سرعة تحميل الموقع :

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

1- إختيار إستضافة مناسبة لإحتياجاتك و لعدد الزوار المتوقعين على موقعك:

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

دون النظر إلى بعض المعايير الأخرى و أهمها إذا كان هناك سيرفر خاص بك و أنت تستخدم كل موارده وحدك

أو السيرفر الموجود يتم إستخدامه من أكثر من موقع

لذلك يجب أن تحدد إحتياجاتك و تختار الإستضافه المناسبة طبقا لكل المعايير و ليس فقط السعر و المساحة التخزينية

2- تخزين الكاش في متصفح الزائر:

في كل صفحة يوجد فى الـ header كود يخبر المتصفح عن محتويات الصفحة إذا كان يجب استدعائها من مصدر معين

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

و لمعرفة المزيد عن Expires Headers و كيفية استخدامه يمكنك الدخول الى هذا الموقع Gtmetrix

3- تفعيل خيار HTTP Keep-Alive:

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

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

و لكن عند تفعيل خيار HTTP Keep-Alive عند فتح أحد الملفات و استدعاء جزء منه يظل الملف مفتوح
و عند وجود طلبات اخرى من نفس الملف تكون أسرع و بذلك يتم تنفيذ كل الطلبات فى وقت أقل مما يجعل تحميل الصفحة أسرع

و لتفعيل هذا الخيار عليك التواصل مع الشركة التي تدير السيرفر الخاص بك و طلب تفعيل هذا الخيار

ملحوظة: بعض المبرمجين لا يفضلوا إستخدام HTTP Keep-Alive حيث يحدث أحيانا بعض المشكلات بسببه

4- إستخدام Gzip compression لضغظ موقعك:

من المؤكد أنك قد جربت أن تضغط أحد الملفات على جهازك من قبل و لاحظت كيف يقل حجم الملف بعد ضغطه

gzip compression هي أكثر الأدوات استخداما حاليا لضغط و تقليل حجم ملفات موقعك وأيضا تقليل وقت استجابة السيرفر و بذلك تزيد من سرعة موقعك

و لإستخدام gzip compression يمكنك وضع هذا الكود فى أعلى الصفحة :

أو إضافة هذا الكود فى ملف .htaccess file الخاص بك :

# 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

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

5- استخدام  Content Delivery Network – CDN:

هذا الحل ربما يكون مكلف لبعض اصحاب المواقع و خاصة المواقع الصغيرة و لكنه يؤثر بشكل كبير جدا في سرعة موقعك
كما يفيد موقعك في الترتيب بمحركات البحث.

ما هو CDN ؟

CDN  هو شبكة لتوصيل المحتوى و هو عبارة عن عدة سيرفرات موزعة في أكثر من دولة فى العالم و الهدف منها

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

6- تحسين الصور و تقليل حجمها:

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

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

7- عدم إتاحة عمل Hotlinking من موقعك:

الـ Hotlinking هو قيام شخص صاحب موقع باستخدام الصور من موقعك مباشرة لموقعه

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

و لإلغاء هذه الخاصية تستطيع إضافة هذا الكود لملف .htaccess الخاص بك

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?2ndroid-2pps.blogspot.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

ولا تنسى وضع اسم موقعك مكان كلمةhttps://2ndroid-2pps.blogspot.com/ , أو يمكنك التواصل مع الشركة التي تدير السيرفر الخاص بك

8- تحميل الملفات و خاصة أكواد التتبع ( Analytics ) و أكواد شبكات الإعلانات بطريقة Asynchronous:

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

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

9- وضع كود استدعاء ملفات CSS في أعلى الصفحة و كود JavaScript في نهاية الصفحة:

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

و بعد تحميل كامل محتويات الصفحة و تنسيقاتها نقوم بتحميل كود JavaScript في أخر الصفحة لكي لا تظهر قبل المحتوى فيكون وقت إنتظار الزائر لظهور المحتوى كبير

10- تقليل عدد ملفات CSS & JavaScript :

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

11- تقليل روابط إعادة التوجيه:

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

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

12- تحديد character set للمتصفح:

الـ character set هو كود يخبر المتصفح بعض المعلومات مثل نوع الترميز الذي يستخدمه لقراءة محتوى الموقع

أو ما هي اللغة المكتوب بها النصوص الموجوده بالموقع و إذا لم يتم تحديده يقوم المتصفح تقائيا بإستكشاف الموقع و وضع character set مناسب له

و بدلا من أن يقوم المتصفح بإستكشاف الموقع نقوم نحن بتعريف الـ character set للموقع
و ذلك لإختصار الوقت و زيادة سرعة تحميل الموقع

و يمكن تحديد الـ charset عن طريق إضافة هذا الكود الى الـ headers في موقعك

و أخيرا و ليس أخرا إذا كنت تستخدم WordPress قم بإزالة أي إضافة لا تحتاجها و حاول إستخدام قالب منظم مكتوب بطريقة إحترافية

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

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