جوجل سيو

زيادة سرعة تحميل الموقع وتأثيرها على 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 وسيلاحظون تطور أداء مواقعهم بشكل مميز ورائع , وفي حال كانت لديكم أي ردود أو استفسارات يسعدني دائماً الإستماع لها والتعقيب عليها بما فيه المنفعة لنا جميعاً. دمتم بود

‫37 تعليقات

  1. رائع رائع رائع اخي ماجد

    اخي ماجد هل تتكرم وتخبرنا عن كيفية ضغط للوورد بريس

    يعني لو تعينا كود معين نضعه مناسب يشمل الدرس

    ومنتظرين باقي دروسك المميزه

  2. شئ رائع بجد ، بس فيه حاجة وقفت معايا

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

    انا مش فاهم اضافة الكود ده و اللى تحته ،، هل كلهم اضيفهم فى الهتكس ولا فيه حاجة تانية

  3. رائع يا ماجد
    بس ياريت توضح الاعدادات المطلوبة في السيرفر من الاباتشي
    لتفعيل اضافة w3 total cache
    علي سبيل المثال لما بفعل header expirer
    بيجيب صفحة ايرور 500 و كثير من المشاكل

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

    1. يعني ممكن تستخدم خدمات مفيدة مثل CDN و Cloud لكن حالياً اضافات الكاش تعمل بكفاءة في حال كنت على سيرفرك الخاص

  4. طيب ماذا بخصوص بلوجر ؟؟

    أليس هناك ولو طريقة وااااحدة فقط لزيادة سرعة التحميل والاستفادة من التخزين المؤقت ؟؟!!

    1. ارجو منك اخ ماجد ولو بخطوات محددة .. ولو ان تدل المبتدئين وليس لديهم خبرة في البرمجة عن كيفية زيادة السرعة وتقليل وقت التحميل والاستفادة من التخزين المؤقت … فأنا مثلا موقعي .. يجب ان اقوم بعمل تحديث للصفحة 3 مرات حتى يتم تحميل جميع الصور الموجودة في الصفحة الرئيسية … فما هو الحل يا أهل الحل 🙂

      وبارك الله فيكم

  5. شرح موفق لكن هناك نقطة غير واضحة :
    في Apache، أضف الأسطر التالية لتمكين mod_expires ملف هتكسhtaccess.

    انا مش فاهم اضافة الكود ده و اللى تحته ،، هل كلهم اضيفهم فى الهتكس ولا فيه حاجة تانية

    1. نعم عزيزي تضيف الكود في ملف .htaccess

      في بعض الحالات يتم اضافة الكود بشكل تلقائي على حسب السيرفر

  6. صراحة, موقعك خفيف وأحبه جدا بسبب هذا.

    الله يجزيك الخير
    لكن أرجو منك كيفية ضغط الموارد بالصور أو بالفيديو

  7. اشكرك على المقال الرائع وقمت بتطبيقه على موقعى ارجو فحصة واخباري هل هناك اى ملاخظات

  8. لا استطيع عمل ضغط للصور ما العمل ارجوا التعديل لان مدونتى (بلوجر )لا استطيع تعديل الصور بها

  9. مافهمت شي ممكن تشرح يعني خطوات متتالية يعني قم بكذى ثم قم بوضع كذى يعني خطوات واضحة وبارك الله فيك

  10. لم افهم هذه النفطه

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

    ممكن شرح اكثر وكيفيه التركيب فى المدونه

  11. احب theme الخاص بك جدا
    و لكنى مبتدئ و طالب بكليه الطب
    فكنت اود مقال عن افضل القوالب المجانيه و هل nulled themes جيده
    و ما هو العدد المناسب للاضافات
    و كمان عاوز ابعت لك رابط موقعى تقيمه

اترك تعليقاً

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