تسريع تحميل مدونات بلوجر لتحسين ترتيبها في جوجل
منذ سنة 2018 أصبحت سرعة تحميل المواقع من أهم عوامل التصنيف التي تعتمدها جوجل في فرز نتائج البحث. لماذا؟
بحسب جوجل، فهناك دراسات أثبتت أن مستعملي الانترنت يهتمون كثيرا بسرعة التحميل. بل إن الزوار يغادرون صفحة ويب إذا لم يتم تحميلها في أقل من ثلاث ثواني.
معظم الناس يتصلون بالانترنت عن طريق الجوال، وبما أن عدد غير قليل من المناطق في العالم مازالت تستخدم تقنية الجيل الثالث، فجوجل توصي أصحاب المواقع والمدونات بالإهتمام بسرعة مواقعهم لتفادي مشكلات البطئ وتقديم خدمة سيئة للزوار.
هذه أهم التغييرات التي قمت بها على كود القالب:
بينهما يوجد كود قم بنسخه ووضعه داخل الوسمين التاليين:
هناك أكواد أخرى تخلصت منها، مثل:
يمكنك البحث في القالب عن أي شيء ينتهي ب .js
بحسب جوجل، فهناك دراسات أثبتت أن مستعملي الانترنت يهتمون كثيرا بسرعة التحميل. بل إن الزوار يغادرون صفحة ويب إذا لم يتم تحميلها في أقل من ثلاث ثواني.
معظم الناس يتصلون بالانترنت عن طريق الجوال، وبما أن عدد غير قليل من المناطق في العالم مازالت تستخدم تقنية الجيل الثالث، فجوجل توصي أصحاب المواقع والمدونات بالإهتمام بسرعة مواقعهم لتفادي مشكلات البطئ وتقديم خدمة سيئة للزوار.
كيف قمت بتحسين سرعة مدونة فولفولي
قبل القيام بالتحسينات على هذه المدونة كانت السرعة على الحاسوب 67 وعلى الجوال 28. بعد التحسينات، أصبحت السرعة حسب أداة القياس من جوجل كما يلي:
سرعة التحميل على الكمبيوتر
سرعة التحميل على الجوال
فكما تلاحظ في الصورتين أعلاه، السرعة تحسنت كثيرا رغم أن الجوال مازال بحاجة للمزيد من التحسين. الآن، ما هي الطريقة التي اتبعتها لحل مشكلة بطئ تحميل المدونة؟
تسريع تحميل المدونة لتحسين الترتيب في جوجل
هناك مجموعة من التعديلات التي تحتاجها المدونة لجعل سرعة تحميلها تتسحن والتي تبدأ ب:
لا تقم بهذه التعديلات مباشرة على مدونتك، قم بحفظ القالب وانشاء مدونة جديدة مع استيراد المحتوى اليها ثم ابدأ التجارب. بعد القيام بكل تغيير جرب سرعة التحميل ان تحسنت وشاهد كذلك إذا لم تكن هناك أية مشاكل في التصفح.
1. الأدوات والإضافات
في مدونة فولفولي أكتفي بثلاث أدوات فقط:
- صندوق المتابعة عبر البريد
- أداة المتابعين
- ثم أداة تحتوي على روابط.
تخلصت من الكثير من الأدوات عبر قالب التنظيف مثل أدوات المتابعة على يوتيوب، فيس بوك، المشاركات الشائعة... بكل بساطة لأن كل أداة تضيف بضعة أجزاء من المائة أثناء التحميل وربما الثواني. لذلك، حاول استعمال أقل عدد ممكن من الأدوات.
قمت بالتجارب، والأدوات أحيانا لا تشكل فرقا فالزائر يركز على الموضوع أو المحتوى أكثر. لذلك، قرر ما هي الأدوات التي تحتاجها والتي تعتبر ضرورية.
2. إعلانات أدسنس
في الصفحة الرئيسية اكتفيت باعلانين فقط، واحد في الأعلى والآخر في الجانب. بينما في المشاركات يوجد ثلاث اربعة اعلانات باضافة اعلانين داخل المواضيع. والحقيقة أن 90 في المائة من الأرباح أحصل عليها من إعلانين فقط، مما يعني أن البقية تبطئ المدونة بدون نتيجة.
للحصول على أفضل نتيجة ممكنة بالنسبة لادسنس، قم بتجربة مختلف الاعلانات وفي أماكن متعددة حتى تجد تلك التي تعمل بشكل جيد وتخلص من البقية.
4. الصور
الصور مازالت تبطئ من تحميل المدونة وقد ارتكبت أخطاء في الماضي عند اعدادها. ففي برنامج فوتوشوب كنت أحفظ الصور بشكل عادي كما أفعل دائما. والطريقة الصحيحة لحفظ الصور بالنسبة للويب مختلفة تماما، إذ أن في قائمة File يجب النقر على Export ثم Save for The Web للحصول على صورة بأقل حجم ممكن.
3. كود القالب
الكود الخاص بالقالب كان يحتوي على الكثير من سكريبتات بلوجر التي كانت تسبب بطئ المدونة وقد تخلصت من الكثير منها ومازلت أحاول ايجاد الحلول للبقية.هذه أهم التغييرات التي قمت بها على كود القالب:
أ. head
قم بالبحث عن <head> وتعويضه ب
<head>
قم بالبحث عن </head> وتعويضه ب
</head><!--<head/> -->
ب. كود css
بين الوسمين أعلاه، يوجد الكود الخاص ب CSS، ستبحث عن <b:skin><![CDATA[ ثم ]]></b:skin>بينهما يوجد كود قم بنسخه ووضعه داخل الوسمين التاليين:
<style type='text/css'>
قم بلصقه هنا
</style>
ثم اضفه تحت ]]></b:skin>قم بلصقه هنا
</style>
ذ. body
قم كذلك بالبحث عن <body> وتعويضه ب
<!-- <body><div></div> -->
ثم ابحث مرة أخرى عن </body> وضع مكانه
<!-- </body>--> </body>
هناك أكواد أخرى تخلصت منها، مثل:
يمكنك البحث في القالب عن أي شيء ينتهي ب .js
سكريبت Jquery من جوجل:
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
السكريبت الخاص بالتعليقات لأن مراقبة التعليقات كان يأخذ مني الكثير من الوقت:
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
فيس بوك
<div id='fb-root'/>
<script>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.5&appId=803303576422252";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<script>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.5&appId=803303576422252";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
4. أدوات أخرى
بالنسبة لأزرار المشاركة، كنت استعمل Addthis وبعد أن اكتشفت أنها تبطئ كثيرا المدونة جربت الكثير من الأدوات البديلة حتى وجدت Addtoany وهي الأسرع.
هذه هي التعديلات التي قمت بها لتحسين سرعة مدونة فولفولي، مازال هناك بعض العمل للقيام به فيما يخص نسخة الجوال. فسأستمر بالقيام بالتجارب حتى الحصول على أفضل نتيجة ممكنة.