الدرس 2# : تحسين سرعة الموقع

مواضيع ذات صلة
افضل عروض الاستضافة
تحسين سرعة الموقع

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

في اغلب الاحيان نضطر الى استخدام مكونات اضافية ( Plugins ) مثل Wp rocket , Perfmatters , Swift Performance او Litespeed cache … من دون شك ان هذه المكونات تساعد بشكل كبير على تحسين سرعة الموقع و ادائه لكن احيانا تكون بعض الاعدادات غير مهيأة بشكل صحيح ، ونتيجة لهذا بالرغم من تطبيقنا لكل الاعدادات الصحيحة و المثالية لهذه الاضافات لا نحصل على النتائج المتوقعة ، لذا في الدرس سنتعرف على اهم الإعدادات التي يجب الاهتمام بها و اضافتها للحصول على أفضل النتائج و تحسين سرعة الموقع الخاص بك.

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

إعدادات ضغط ملفات Gzip

إعدادات gZIP
تحسين سرعة الموقع

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

من المهم ان تتذكر انه ليس ضروري أن تضيف كل مكونات الموقع الخاص بك ضمن ملفات Gzip ، فمثلا ملفات PDF و الصور ( في حال كانت مضغوطة مسبقا ) ، يمكنك اضافة فقط ملفات : HTML, JavaScript, CSS.

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

<ifModule mod_deflate.c> 
    AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript 
</ifModule>

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

إعدادات ETag

إعدادات ETag
تحسين سرعة الموقع

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

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

Header unset ETag 
FileETag None

الخطوة الأخيرة ستكون إضافة إعدادات للتخزين المؤقت للمتصفح إلى ملف .htaccess للموقع الخاص بك.

تهيئة ذاكرة التخزين المؤقت للمتصفح

إضافة Headers Expires
تحسين سرعة الموقع

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

بمجرد أن العميل بطلب الوصول الى موقعك أو لصفحة معينة به سيحاول متصفحه تنزيل العناصر الثابتة لموقعك و هذا بالتوازي تنفيذ Php يستطيع الزائر زيارة صفحات موقعك ، من خلال إضافة هذه الأسطر المذكورة ادناه ستتمكن من تفعيل Expires Headers & Cache-control header بحيث تظل الملفات التي يقوم الزائر بتنزيلها في كل مرة على جهازه ، و لا تتم إعادة تنزيلها في كل مرة يتصفح فيها الزائر صفحة لموقعك .

تستخدم وحدة Mod_expires للتحكم في وقت انتهاء صلاحية رؤوس http (Html, CSS, JavaScript, Images).

# BEGIN Expire headers 
<ifModule mod_expires.c> 
    ExpiresActive On 
    ExpiresDefault "access plus 5 seconds" 
    ExpiresByType image/x-icon "access plus 2592000 seconds" 
    ExpiresByType image/jpeg "access plus 2592000 seconds" 
    ExpiresByType image/png "access plus 2592000 seconds" 
    ExpiresByType image/gif "access plus 2592000 seconds" 
    ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" 
    ExpiresByType text/css "access plus 604800 seconds" 
    ExpiresByType text/javascript "access plus 216000 seconds" 
    ExpiresByType application/javascript "access plus 216000 seconds" 
    ExpiresByType application/x-javascript "access plus 216000 seconds" 
    ExpiresByType text/html "access plus 600 seconds" 
    ExpiresByType application/xhtml+xml "access plus 600 seconds" 
</ifModule> 
# END Expire headers 

تتحكم Mod_headers في طلبات http و استجابات الرؤوس Headers.

# BEGIN Cache-Control Headers 
<ifModule mod_headers.c> 
    <filesMatch "\.(ico|jpe?g|png|gif|swf)$"> 
        Header set Cache-Control "public" 
    </filesMatch> 
    <filesMatch "\.(css)$"> 
        Header set Cache-Control "public" 
    </filesMatch> 
    <filesMatch "\.(js)$"> 
        Header set Cache-Control "private" 
    </filesMatch> 
    <filesMatch "\.(x?html?|php)$"> 
        Header set Cache-Control "private, must-revalidate" 
    </filesMatch> 
</ifModule> 
# END Cache-Control Headers

بإجراء هذه التغيرات في ملف .htaccess لموقعك قد تقلل من وقت تحميل موقعك بنسبة كبيرة قد تصل حتى 80% في حالة كان موقعك يحتوي على الكثير من المكونات الثابتة .

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

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *