سيو SEO
أخر الأخبار

اليك طرق تسريع سرعة موقعك

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

محتوى الموضوع

كيفية قياس سرعة موقع؟

هناك العديد من الطرق لقياس سرعة موقعك او مدونتك سوف نعرض بعضها:

قياس سرعة موقع باستخدام اداة تابعة لجوجل Page Speed Insights

موقع Speed Insights هي اداة مقدمة من طرف جوجل لقياس سرعة موقع، تحلل الموقع من كل زواياه من اكواد css الى قوة السيرفر تقريبا كل شيئ. تستطيع الدخول الى هذه الاداة عن طريقة كونسول جوجل (مشرفي المواقع) بعدها اذهب الى “التحسينات” ثم اضغط على “السرعة (التجريبية)” ثم اضغط على تجربة “إحصاءات PageSpeed” أكتب موقعك او صفحة موقع المراد قياس سرعتها و اضغط على تحليل.

اليك طرق تسريع سرعة موقعك 1
قياس سرعة موقع باستخدام اداة تابعة لجوجل Page Speed Insights

شرح بعض المعايير المهمة لاداة جوجل Speed Insights :

اليك بعض المعايير المهمة يجب ان تعرفها عند تحليل موقعك:

  • معيار الـ First Contentful Paint : وهو يقيس سرعة أول شئ يظهر في موقعك.
  • معيار الـ First Meaningful Paint : وهو يقيس سرعة أول شيء له معنى يظهر في موقعك.
  • معيار الـ Speed Index : وهو يقيس سرعة إكتمال تحميل الموقع من حيث الشكل.
  • معيار الـ First CPU Idle : وهو يقيس المدة التي يأخذها المعالج حتي يتوقف وينتهي من تحميل كامل الموقع.
  • معيار Time to Interactive : وهو يقيس الوقت الذي بعده يمكن للمستخدم التفاعل مع موقعك كالبحث عن تدونية أو كتابة تعليق وهكذا.

يجب عليك تحليل كل المعايير و التعرف على المشاكل التي تعيق تحميل موقعك بسرعة.

قياس سرعة موقع باستخدام موقع Gt Metrics :

موقع Gt Metrics شبيه لاداة جوجل Speed Insights الفرق بينهما هو انه يعطيك تقرير مفصل لموقعك و ايضا الحلول للمشاكل التي تعيق سرعة تحميله.

اليك طرق تسريع سرعة موقعك 2
قياس سرعة موقع باستخدام موقع Gt Metrics

كيفية زيادة سرعة موقع

زيادة سرعة تحميل مدونة بلوجر:

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

1. تسريع موقع بلوجر عن طريق إزالة الأدوات الغير مهمة والغير ضرورية و ايضا ازالة كل الاكواد التي ليس لها فائدة في المدونة:

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

2. تسريع موقع بلوجر عن طريق تحسين و ضغط للصور التي تستخدمها في مقالاتك :

الكثير من المدونين عندما يكتبون المقالات لا يهتمون بحجم الصور الي يرفعونها في مقالتهم، و هذا امر سيئ لان الصورة تكون بحجم كبير مما سيؤدي الى تأخر تحميلها أي تأخر ظهورها.لهذا وجب كتابة مقالة و الانتباه الى حجم الصور التي تقوم برقعها. هناك العديد من المواقع التي تقوم بضغط الصور و جعلها بحجم صغير مع الاحتفاظ بنفس الجودة اليك بعض المواقع التي تقوم بهذه الخدمة:
shortpixel.com
tinypng.com
imageoptimizer.net

3. تسريع موقع بلوجر عن طريق ضغط أكواد css

من بين الامور التي لا ينتبه اليها اغلب كاتبي المحتوى (المدونين) هي أكواد css اغلبية اصحاب امدونات بلوجر يبالغون في تزيين مدونتاهم بعدة اكواد css لكن هذا على حساب سرعة تحميل المدونة، فكلما كثرت اكواد css زاد وقت سرعة تصفح الموقع ببعض الثواني، لهذا وجب تقليل اكواد css قدر المستطاع وترك فقط الاكواد الضرورية منها، ليس هذا فقط بل وجب ضغط اكواد css الضرورية و ذلك من خلال مواقع تقدم هذه الخدمة مثل: Css Compressor واليك طريقة استخدامه:

  • قبل استعمال الموقع اذهب الى قالب مدونتك و قم باخذ نسخة احتياطية تفاديا لاي مشكل
  • ابحث عن
  • قم بتحديد الاكواد من الاسفل الى الاعلى و قم بنسخها
  • ضع الاكواد في موقع css drive
  • قم بضغط الاكواد و اعادة لصقها في المدونة

4. تسريع موقع بلوجر عن طريق ضغط اكواد جافا سكريبت Java Scripte

سكربتات الجافا توجد في كل قالب بلوجر و تجدها كرابط و في آخره ينتهي بامتداد .js و التي توجد خارج استضافة بلوجر و يتم النداء عليها من عدة استضافات التي عليها تلك الملفات, و قد تكون تلك الاستضافات ضعيفة و قد يتم مسح تلك الملفات من على الاستضافة و بالتالي وقت اتصال بالاستضافة سيأخذ وقت أطول مما ستأخذه استضافة قوية و سريعة و الزاير سينتظر طولاب قبل ان يظهر محتوى مدونتك بشكل كامل و صحيح، لهذا وجب عليك قبل استعمال اي قالب ان تختبر سرعة تجاوب الاستضافات التي عليها اكواد جافا سكريبت.
و لحل هذه المشكلة انصحك دائما باستعمال الخدمة المجانية ل drpbox فهي قوية و سريعة و ابتعد عن استضافات المجانية.

5. تسريع موقع بلوجر عن طريق تقليل الوقت اللازم لتحميل خطوط الويب المستخدمة في المدونة:

خطوط الويب هي خطوط الكتابة التي تستخدم في المواقع، استخدام خذ مميز هو امر ضوري و لكن يجب ان لا تكثر منها يكفي خط او خطين في المدونة، و انصحك باستعمال الخطوط التي توفرها شركة جوجل فهي جيدة و سريعة التحميل.
استخدم هذا الكود لتحميل الخطوط و الذي يسمح بتحميل الصفحة أولا بعدها الخط (يعمل فقط مع خطوط التي تقدمها جوجل):


<script async="async"> //<![CDATA[ WebFontConfig = {google: { families: ['Font Name 1','Font Name 2'] }};(function(d) {var wf = d.createElement('script'), s = d.scripts[0];wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';wf.async = true;s.parentNode.insertBefore(wf, s);})(document);function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"); //]]> </script>

يتضمن هدا الكود خط Font awesome تأكد من تغيير كلمة ‘ Font Name’ باسم الخط الذي تريد استخدامه كم هو موجود في موقع Google Web Gonts. ضع الكود فوق الوسم </head>

تسريع موقع بلوجر عن طريق إستخدام كود الـ Lazy Loading لتأخير تحميل الصور:

كود Lazy Load كود خاص بتأخير تحميلالصور حتى يكتمل تحميل الصفحة، و هو من احد الاكواد الهامة في علاج بطئ المدونة. و لتقوم باضافته قم بنسخ الكود في الاصفل و وضعه فوق الوسم </head>.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type='text/javascript'> // Jquery LazyLoad Script by www.Bloggersstand.com //<![CDATA[ (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://4.bp.blogspot.com/-oA8G9t61JXk/VtLrtkAzObI/AAAAAAAAFTY/EjT6jl2MEFM/s1600/bloggersstand.gif",effect:"fadeIn",threshold:"-50"})});//]]></script> 

زيادة سرعة موقع ووردبريس:

1. اختيار استضافة قوية

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

  • إصدار PHP 7.0 أو مابعده
  • إصدار MySQL 5.6 أو مابعده
  • دعم لـ https (يعني إمكانية تنصيب شهادة SSL في المستقبل)
  • أضف إلى ذلك ذاكرة فعلية للسيرفر لا تقل عن 128 ويفضل أن تكون 256 أو 512 ميجابايت أو أكثر

قبل ان تشتري اشتراك مع شركة الاستضافة استفسرهم هل لديهم تلك المواصفات في السيرفر. و لكي تعرف ما هو اصدار php الخاص بسيرفرك ما عليك فقط هو ان تثبت هذه الاضافة Server IP & Memory Usage بعد التفعيل، ستجد معلومات في اسفل لوحة التحكم تبدأ بكلمة Memory انظر للصورة اسفله:

اليك طرق تسريع سرعة موقعك 3
Server IP & Memory Usage

كل سيرفر يختلف عن الآخر، لكن المعلومات ستكون شبيهة بالتالي:
Memory: 18 of 256 MB (7%) | WP LIMIT: 256 MB | IP xxx.xxx.xxx.xxx | PHP 7.3.14 @64BitOS

سأحاول توضيح ماذا تعني هذه المعلومات – من اليسار لليمين-:

Memory: 18 of 256 MB (7%)
القسم الأول للذاكرة العامة على موقعك. هذا الموقع مثلاً يستهلك حالياً 7% من الذاكرة المتاحة له من قبل شركة الاستضافة وهي: 18 ميجابيات فقط! تذكَّر أننا نحتاج على الأقل 128 ميجابايت

WP LIMIT: 256 MB
القسم الثاني للذاكرة المتاحة لووردبريس، هذه القيمة الافتراضية وهي ضعيفة جداً، في الخطوة التالية ستجد خطوات سهلة لرفعها

IP xxx.xxx.xxx.xxx
القسم الثالث الآيبي الخاص بالسيرفر

PHP 7.3.14
القسم الرابع إصدار PHP لاحظ أن هذا الإصدار الجديد، من متطلبات ووردبريس أن يكون 7 فما فوق

@64BitOS
القسم الخامس متعلق بنظام لينوكس

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

رفع ذاكرة الووردبريس الداخلية

يلزم لرفع الذاكرة الداخلية للووردبريس ذاكرة كافية على السيرفر (راجع الخطوات السابقة) اليك هذا الحل:

  • ابحث عن الملف wp-config.php والذي تجده في جذر موقعك، يمكنك الوصول إليه باستخدام cPanel أو FTP
  • (مهم) خذ نسخة احتياطية من الملف قبل التعديل عليه واحتفظ بها على جهازك
  • افتح الملف wp-config.php في برنامج المفكرة أو برنامج تحرير أكواد مثل Brackets
  • قريب من نهاية الملف، ابحث بالتحديد عن الجملة التالية، أرجو مراعاة أن الجملة الظاهرة لك تعتمد على لغة الملف عربية أو انجليزية أو فرنسية:
 /* هذا هو المطلوب، توقف عن التعديل! نتمنى لك التوفيق. */

 /* That's all, stop editing! Happy blogging. */

 /* C’est tout, ne touchez pas à ce qui suit ! */

انسخ السطر التالي وألصقه قبل الجملة المذكروة أعلاه.

 define( 'WP_MEMORY_LIMIT', '128M' ); 

القيمة (128) يمكنك رفعها إلى 256 أو 510 حسب المتوفر لسيرفرك (راجع النقطة السابقة لمعلومات أكثر عن الذاكرة المتاحة لموقعك)

احفظ الملف وارفعه على سيرفرك.

لاحظ القيم تغيرت في تذييل الموقع بعد عمل كل الخطوات بنجاح:

اليك طرق تسريع سرعة موقعك 4

قد يكون هناك فروقات بسيطة في إصدار PHP طالما كان الإصدار رقم 7 فمافوق، فهذا ممتاز. بعد الانتهاء يمكنك تعطيل إضافة ” Server IP & Memory Usage Display “ فأنت لا تحتاجها.

2. اختر قالب ووردبريس خفيف و احترافي

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

3. احذف الإضافات Plugin الغير مهمة

حاول ان تقلل من عدد الاضافات اترك فقط التي تحتاج اليها و اختر تلك الموثوقة و التي تمت تجرمتها بعناية.

4. احذف المحتويات التي لا ترغب بها

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

5. ضغط حجم الصور

من الافضل ان تحفظ الصور باحجام مناسبة و متناسقة مع موقعك هناك اضافات خاصة بهذا الغرض نذكر منها اضافة smush

6. تحسين قاعدة بيانات Database موقعك

ان تحسين قاعدة بيانات موقعك امر ضروري لتحسين سرعته، و الكالعادة يجب ان تقوم باخذ نسخة احتياطية لقاعدة البيانات من خلال cPanel أو phpMyAdmin أو باستخدام إضافة النسخ الاحتياطي BackupBuddy الرائعة. هناك عدة اضافات تقوم بهذا العمل نذكر منها WP-Optimize تقوم ب تنظيف قاعدة البيانات و حذف البيانات المهملة، و المحتويات التلقائية وذلك بضغطة زر واحدة.

7. استخدام إضافة الكاش (Cache) الذاكرة المؤقتة

بإستعمال احدى اضافات الكاش : الذاكرة المؤقتة التي تقوم بتحويل صفحات الموقع إلى ملفات html ثابتة (static) وحفظها في الذاكرة المؤقتة أو المخبأة (Cache) للسيرفر و ذلك لتخفيف الضغط على الخادم و بالتالي الحصول على ما نريده و هو تسريع تحميل صفحات موقعنا. و لا تنسى اضافات أقل تعني مشاكل أقل و موقع أسرع.
و من أشهر هذه الاضافات نذكر:

W3 Total Cache

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

WP Rocket

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

8. ضغط و تحسين ملفات CSS و JS

أذا كنت مطور لقالبك الخاص او اضافاتك يجب عليك ضغط ملفات css و js و تحسينها لكي يتم استدعائها بسرعة لتحسين سرعة تحميل الموقع و هناك طريقتين لفعل ذلك:

تحسين ملفات css و js يدويا:

تحسين ملفات css و js عبر اضافات:

اضافة Autoptimize : التي تقوم بضغط اكواد CSS و JS و HTML و ايضا تقوم بعمل كاش للموقع، كل الخصائص في اضافة واحدة انصحك بها.
زيارة موقع الاضافة

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
اليك طرق تسريع سرعة موقعك 5Loading...
الوسوم
زر الذهاب إلى الأعلى
إغلاق
إغلاق