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

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

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

حيث أثبتت الإحصائيات أن 47% من الزائرين يتوقعون ظهور محتوى الصفحة بالكامل في أثناء ثانيتين

و إذا ارتفع وقت تنزيل الصفحة عن هذه الفترة يقوم نحو أربعين% من الزائرين بالخروج من الصفحة مباشرة

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

لهذا يظهر أن الجهد الذي تبذله لتزايد سرعة تنزيل موقعك حتى و لو 1/2 ثانية سوف يكون له نفوذ ضخم

في رقم الزائرين التي تتصفح موقعك و مقر الموقع.

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

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

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 يمكنك وضع هذا الكود فى أعلى الصفحة :

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

أو إضافة هذا الكود فى ملف .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:

<files *.html>

SetOutputFilter DEFLATE

</files>

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 في أخر الصفحة لأجل أن لا تبدو قبل المحتوى فيكون وقت إنتظار الزائر لظهور المحتوى عظيم

عشرة- تخفيض رقم ملفات CSS & JavaScript :

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

11- تخفيض روابط إرجاع التوجيه:

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

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

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

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

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

و عوضا عن أن يقوم المتصفح بإستكشاف الموقع نقوم نحن بتعريف الـ character set للموضع

و هذا لإختصار الزمن و ارتفاع سرعة تنزيل الموقع

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

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

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

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

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