كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة

طريقة تسريع مدونة بلوجر

كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة

كود تسريع مة بلوجر وتقليل وقت تحميل الصفحة مرحبا متابعين مدونتنا الكرام وأهلاً وسهلاً بكم في مدونتكم المتواضعة..

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

نعلم جميعاً أنه في عالمنا اليوم المزدحم، لا أحد يرغب بالانتظار، لذلك من المهم جدا لكونك مدونا تسريع موقعك حتى يتمكن من تقديم المعلومات بسرعة للقراء. إذ تلعب سرعة تحميل المدونة دورا مهماً في نجاح عملية التدوين الخاص بك، حيث ذكرت هاب سبوت Hubspot أنه إذا استغرق فتح مدونة ما أكثر من 3 ثوان.

اقرأ ايضا: أفضل طريقة لكشف النقرات الغير شرعية والتبليغ عنها لجوجل أدسنس

كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة

لماذا علينا أن نعمل على تسريع المدونة وزيادة التحميل في أقل من 3 ثواني؟

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

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

إذا كانت المدونة بلوجر او موقعك بطيء في التحميل، فستصنفه Google Speed ​​Update ، مرتبة أقل على SERP لذلك هناك العديد من الخطوات التي يمكنك عملها في المدونة لتحسين موقعك على الويب وزيادة سرعته بمقدار الضعف. لتحسين ترتيبه في الصفحات الاولى من جوجل وزيادة تصنيفه على SERP تابع معي هذه الخطوات وبإذن الله سترى الفرق في سرعة تحميل المدونة بلوجر

اقرأ ايضا: طريقة عمل لوغو وتصاميم صور احترافية للمدونة او الموقع

كيفية تحسين سرعة المدونة بلوجر؟

في البداية أنتقل معي الى لوحة تحكم Blogger واتبع الخطوات الخمس التالية:

ولكن صديقي انتظر! 
أولاً، انتقل إلى Page Speed ​​Insight من Google وقم بتحليل المدونة بلوجر الخاص بك وانظر الى سرعة المدونة قبل تنفيذ هذه الخطوات وأحفظ السرعة والأخطاء في المدونة، وبعد ذلك قم بتنفيذ هذه الخطوات الخمس، ثم قم في إعادة تحليل المدونة بلوجر ولقياس سرعتها لترى الزيادة الواضحة في وقت التحميل.

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

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

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

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

لحسن الحظ يا صديقي، فإن تقليل حجم الصور أمر بسيط وسهل إلى حداً ما عبر هذه الخطوات تابع معي.
أولاً: استخدم فقط الصور صغيرة الحجم. وتجنب الدقة العالية (HD) في الصور التي لا تستفيد مها في شي غير ابطاء سرعة المدونة.
ثانيًا: قم بتغيير حجم الصورة لكي تلائم بشكل كافٍ في مشاركتك بحيث تناسب الطول والعرض الأصليين.
ثالثًا: قم بضغطها باستخدام هذه الموقع الرائع في ضغط الصور Tiny JPG. إذا كانت الصورة لا تزال تبدو كبيرة بالكيلوبايت أعد ضغطها باستخدام هذه الموقع أيضا  Compress JPG.

اقرأ ايضا: حل مشكلة عدم القبول في جوجل ادسنس Google Adsense

نصائح مهمة لتسريع مدونة بلوجر blogger:

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

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

نعم يا صديقي بعد تنفيذ هذه الخطوات السهلة والبسيطة، انتقل إلى Google PageSpeed ​​Insight. سترى الفرق بنفسك وسترى كيف زادت سرعة المدونة الى الضعف أنشاء الله.

تخلص من حزم CSS وJS الغير ضرورية في مدونة البلوجر:

تأتي دائماً مدونة Blogger مزودة بحزم CSS وجافا سكريبت الموجودة مسبقاً بغض النظر عن القالب الذي تستخدمه إذا كان مدفوع أو مجاني. 
يبدون هكذا المثال في الأسفل.
https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/3401484092-widgets.js
هذه الرموز غير مرغوب فيها تمامًا وليست لها أي فائدة في القالب إذا كنت تستخدم قالب مخصص مجاني أو مدفوع.
 لذا من دون نقاش يجب التخلص منهم فوراً لزيادة تحميل وسرعة مدونة بلوجر
ومع ذلك، نظرًا لأن الإعداد الافتراضي وفي نظام الواجهة الخلفية لـ لمدونة Blogger ، لا يمكنك حذف هذه الرموز كلها دفعة واحدة مع بعض لذا ليتم حذفها، تحتاج إلى إجراء بعض التغييرات في الاكواد البرمجية الخاصة في القالب من خلال 
أكواد HTML.

لذا تابع معي خطوة بخطوة لحذف هذه الرموز أو الأكواد البرمجية لتسريع مدونة بلوجر .

1)- انقر فوق قسم "المظهر" في لوحة تحكم Blogger ثم انتقل إلى " تعديل HTML".

2)- في قسم الكود HTML، قم بوضع الماوس في اي مكان فارغ في قسم الأكواد واضغط على "CTRL + F". ثم أكتب للبحث عن هذه الكود أولاً <b: skin> ثم هذه الكود </ b: skin>   ثانياً.

3)- قص جميع الأكواد التي تراها بين رؤوس هذه الاكواد من البداية إلى الناهية وألصقها على مفكرة أو مستند نصي على سطح المكتب عندك.

4)- قم بالبحث في استخدم مفاتيح الأوامر "CTRL + F" وقم بالبحث عن الكود </style>.

5)- قم بلصق جميع الرموز التي قمت بقصها من داخل الأكواد <b: skin> و </ b: skin> وألصقها فوق العلامة </style> مباشرة.

6)- الآن قم بالبحث في استخدم مفاتيح الأوامر "CTRL + F" للبحث عن </head>. الصق الكود التالي مباشرة فوق هذه الكود </head>.

&lt;style type=&quot;text/css&quo

t;&gt;

&lt;!– /*

<b:skin><![CDATA[*/]]></b:skin>

7)- قم بالبحث في استخدم مفاتيح الأوامر "CTRL + F" للبحث عن الكود </body>. احذف الكود </body> واستبداله بـ ...

&lt;!–</body>

–&gt; &lt;/body&gt;

هذه الخطوات تعمل على إزالة جميع الأكواد CSS و JavaScript  جميعها الغير مرغوب فيها والتي تعمل على إبطاء المدونة هكذا نكون قد تخلصنا من مشكلة اكواد جافا سكريبت الغير مرغوب فيها..
الآن ننتقل إلى الخطوات الباقية لتسريع مدونة بلوجر تابع معي صديقي (كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة).

اقرأ ايضا: طريقة كتابة مقالة احترافية ومقبولة لادسنس خطوة بخطوة

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

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

أولاً أستخدم هذه الأداة Page Speed ​​Insight من Google للتعرف على العناصر التي تعمل على إبطاء سرعة المدونة بلوجر. سترى أن تحليل هذه الأداة يوصيك ان تستخدم خطوط جوجل Google Font و Font Awesome و jQuery المريحة والعملية والخفيفة على القالب وعلى المدونة.

لذلك قم بإزالة عناصر Render Blocking هذه من المدونة بلوجر واحدًا تلو الآخر أحذفهم كلهم دفعة واحدة من دون نقاش صديقي!!!
أليك الحل وكيف تحذفهم تابع معي هذه الحل السحري البسيط جدا.

قم بالبحث في استخدم مفاتيح الأوامر "CTRL+ F" للعثور على هذه الكود </ head>. انسخ الكود التالي وألصقه مباشرة فوق علامة </ head>. ...

<script type=’text/javascript’>

(function() { var ad = document.createElement(‘script’); ad.type = ‘text/javascript’; ad.async = true; ad.src = ‘//ajax.Googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js’; var sc = document.getElementsByTagName(‘script’)[0]; sc.parentNode.insertBefore(ad, sc); })();

//<![CDATA[

//CSS Ready

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(“//fonts.googleapis.com/css?family=Open+Sans|PT+Sans+Narrow”);loadCSS(“https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css”);

//]]>

</script>

أستبدل رابط أي خط من جوجل من هنا  Google Font  و Font-Awesome بمجرد الانتهاء، أحفظ القالب. 
تهانينا، لقد انتهيت من هذه المشكلة وأصبحت المدونة بلوجر سريعة جرب افحص المدونة بعد الانتهاء سترى الفرق الكبير
تابع معي الخطوات الباقية لسريع مدونة بلوجر.

لا تستخدم خطوط جوجل:

قد تبدو خطوط غوغل المخصصة ملائمة للرؤية البصرية ولكنها أحد عناصر حظر العرض التي يمكن أن تزيد من وقت تحميل مدونة بلوجر.

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

كيفية إزالة خطوط جوجل من قالب بلوجر؟

1. انتقل إلى لوحة تحكم بلوجر Blogger Dashboard
2. انتقل إلى خيار المظهر وانقر على تعديل HTML
3.  الآن بين <head> & </head> ستجد رمز GoogleAPI مثل هذا.

<link href=’//fonts.googleapis.com/css?family=Open+Sans:400,600,700′ media=’all’ rel=’stylesheet’ type=’text/css’/>

1. تحديد وإزالة رمز GoogleAPI بسهولة من القالب الخاص بك.

اقرأ ايضا: أفضل ملف robots.txt لمدونات بلوجر

تجنب وضع الكثير من الإعلانات في مدونة بلوجر:

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

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

تجنب استخدام النوافذ المنبثقة:

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

إزالة رموز وأيقونات "التحرير السريع"

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

قم بالبحث في استخدم مفاتيح الأوامر "CTRL + F" للبحث عن هذه الأكواد ...

<b: include name = 'quickedit' />

<b: include data = 'post' name = 'postQuickEdit' />

واحذف كل الأكواد التي تراها في القالب أن وجدت.

ملاحظة:

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

تحليل أكواد جافا سكريبت وتأخير وقت تحميلها:

أحيانا تريد إضافة إلى مدونة Blogger الخاصة بك إضافات خارجية مثل نظام تعليقات او أي أضافة ثانية، يوجد فيها رموز 

على سبيل المثال إذا كنت تريد أضافة أداة المشاركة، فيجب عليك إضافة كود JavaScript "Add This" في موقع المدونة بلوجر. أو إذا كنت تريد نظام تعليق، فسيتعين عليك إضافة رموز Disqus في الواجهة الخلفية للموقع.
الآن، هذه الخطوط الإضافية من الرموز ذات فائدة عالية.

 لذا، حتى إذا كانت تبطئ المدونة بلوجر ، لن ترغب في حذفهم أو الاستغناء عنهم!
في مثل هذه الحالة، يمكنك استخدام التوجيه الغير المتزامن يعني تغير بسيط وطفيف في هذه الأكواد، التي تشبه
 async = “async”.

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

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

<script src = “code” type = 'text / javascript'> </script>

كل ما عليك فعله هو إضافة async = 'async' في هذا السطر المفرد كما يلي:

<script async = 'async' src = “code” type = 'text / javascript'> </script>

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

في الختام :

هذه هي 5 خطوات بسيطة للغاية يمكنك عملها لزيادة وقت تحميل مدونتك الخاص بك بسلاسة في أقل من 15 دقيقة.

بعد الانتهاء من الخطوات، ارجع إلى Page Speed ​​Insight من Google وشاهد مدى تحسين سرعة المدونة بلوجر الآن.

إذا كانت مدونة بلوجر لا تزال بطيئة بعد هذه الخطوات الأساسية في تسريع مدونة بلوجر، فاتبع التوصيات والإرشادات التي تراها على Page Speed ​​Insight. ولكن تذكر أنه لا يمكنك.

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

لذلك صديقي، وبصرف النظر عن هذه الخطوات المهمة والأساسية، اتبع بقية التوصيات التي يقدمها التقرير جوجل Page Speed ​​Insight.

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

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

كيف يمكن جعل تحميل مدونة بلوجر أسرع؟

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

بالإضافة إلى استخدام شبكة CDN لجعل تحميل مدونتك أسرع.

لماذا مدونتي بطيئة جدا؟

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

ما أهمية سرعة المدونة على ترتيبها في محركات البحث؟

بعد التحديث الأخير لشركة “غوغل” أصبحت سرعة المدونة من العوامل الرئيسية لرفع ترتيب الموقع في محركات البحث.

أيضاً، يمكن أن تؤدي المدونات ذات سرعة منخفضة إلى زيادة معدل الارتداد، مما قد يضر بشكل غير مباشر بمدونتك.

الى هنا أعزاءنا نكون قد انتهينا من المقال بعون الله تعالى ونرجو من الله ان نكون وفقنا في كتابة هذا المقال الشيق 

كما نرجو لكم الفائدة الكبيرة.. إذا لديكم أي سؤال نحن في الخدمة راسلونا على بريد المدونة ...

اقرأ ايضا: طريقة زيادة سرعة والأداء الموقع أوالمدونة

دمتم بخير..

مقالات ذات صله

كيفية تسريع مدونة بلوجر وحل مشاكل Blogger

طريقة عمل لوغو وتصاميم صور احترافية للمدونة او الموقع

كيفية تسريع مدونة بلوجر وحل مشاكل Blogger

أفضل طريقة لكشف النقرات الغير شرعية والتبليغ عنها لجوجل أدسنس

طريقة تغيير أحجام الإعلانات لجوجل أدسنس لزيادة ارباحك الشهرية

Tags:

كيفية زيادة سرعة مدونة بلوجرتسريع مدونة بلوجر,طريقة تسريع مدونة بلوجرتسريع مدونة,كيفية تسريع مدونة بلوجر bloggerمدونة بلوجر,طريقة تسريع قوالب بلوجركود تسريع مدونة بلوجر,تسريع بلوجرزيادة سرعة مدونة بلوجركيفية تسريع مدونة بلوجرتسريع مدونة بلوجر 2022,تسريع مدونات بلوجرتسريع قالب بلوجر,تسريع مدونة بلوجر 2021

تعديل المقال