site-speed

زيادة سرعة تحميل الموقع وتأثيرها على SEO



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

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

site-speed

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


#1 تحسين الصور :

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

كيفية تصغير الصور :

  • تصغير حجم الصورة قبل رفعها إلى الموقع باستخدام برامج مثل ،  GIMP الذي يقوم بتصغير الصورة لتتناسب مع الحجم الطبيعي للصور.
  • إحفظ الصور التي تقدمها في موقعك بصيغ مقبولة كـ JPG – GIF ولا تعتمد التنسيقات الكبيرة كـ BMb – TIFT.
  • ضغط الصور، من الضروري جداً ضغط الصور في الموقع ويتم ذلك عن طريق التقليل من الدقة الخاصة بالصورة ومع ذلك ستبقى الصورة محافظة على جودتها تابع الصورة التالية :

100-quality

 

2# تصغير حجم الموارد HTML و JS و CSS :

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

كيف يتم تصغير الموارد :

  • هناك العديد من الطرق المتاحة لذلك وسنذكر أهمها بالنسبة لـ الجافا سكريبت يمكن استخدام Google’s Closure Compiler وبالنسبة لـ HTML يمكن إستخدام HTML minifier أما بالنسبة لـ CSS يمكن استخدام  YUI Compressorمرة أخرى، فإنه من السهل عليك ببساطة تحميل إصدارات مصغرة من هذه الملفات لتوفير وقت تحميل اكبر لصفحة موقعك.
  • إذا كنت من مستخدمي منصة التدوين الحرة فننصحك بتحميل إضافة W3 Total Cache الأفضل في مجال ضغط و تصغير وتوفير وقت تحميل الصفحات الخاصة بالموقع.

 

#3 الضغظ :

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

كيف يتم ضغط الملفات :

  • إذا كنت تستخدم IIS على نظام ويندوز فيمكنك عمل الضغط بكل سهولة عن طريق IIS Manager ولمراجعة التعلميات من هنا
  • خوادم أباتشي، يمكنك استخدام ترميز GZIP بإضافة بضعة أسطر إلى ملف htaccess. ، لخبطة ملف htaccess يمكن أن يكون لها آثار مدمرة على موقع الويب الخاص بك إذا لم تقم به بشكل صحيح،قم دائماً بعمل نسخة إحتياطية قبل أي إضافة على هذا الملف
  • تجد ملف . htaccess في الدليل الجذر “المجلد الرئيسي” لموقع الويب الخاص بك ويمكنك تحميل الملف عن طريق أي برنامج FTP وتحريره كما تفعل مع أي ملف نصي آخر. شركة الاستضافة قد تعطي لك أيضا حق الوصول إليه من لوحة التحكم الخاصة بك.
  • أضف الكود البرمجي التالي إلى الملف :


<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

  •  إذا كنت تستخدم  الووردبريس ولا تريد أن تدخل في مشاكل تعديل في الأسطر البرمجية كل ماعليك فعله هو تحميل إضافة WP .htacess Control

 

#4 التخزين المؤقت:

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

كيف يتم التخزين المؤقت للموقع :

  • في Apache، أضف الأسطر التالية لتمكين mod_expires ملف هتكسhtaccess.

ExpiresActive On
ExpiresDefault A0

ثم حدد نوع الملفات التي سوف تتأثر بهذا التحديث بإضافة الكون التالي وتحديد الخيارات بداخله بالشكل الذي يناسبك

<FilesMatch
“\.(jpg|jpeg|png|gif|swf|js|css|txt|xml|flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”>

وأخيراً تعين وقت صلاحية لهذه الملفات التي تم تخزينها مؤقتاً

ExpiresDefault A29030400
</FilesMatch>

 

هذه كانت بعض المعلومات المفيدة للمبتدئين لتعطيهم خليفية لطريقة تسيرع مواقعهم لجعلها تتوافق مع تقنيات SEO طبعاً مستخدمي الووردبريس وكما ذكرت لكم يكفيهم العمل على إضافة واحدة هي W3 Total Cache وسيلاحظون تطور أداء مواقعهم بشكل مميز ورائع , وفي حال كانت لديكم أي ردود أو استفسارات يسعدني دائماً الإستماع لها والتعقيب عليها بما فيه المنفعة لنا جميعاً. دمتم بود