-->
U3F1ZWV6ZTUxMDE1NzgxMDYwX0FjdGl2YXRpb241Nzc5Mzg0MTE0NDg=

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

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

كيفية تسريع مدونة Blogger الخاص بك ؟


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


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

اليوم وفي هذه الظروف بذات ، من الضروري الحصول على مدونة سريعة وتكون تحميلها اقل من 3 ثواني لذا حتى إذا كانت العملية تتطلب المزيد من الجهد والوقت ، فمن الضروري أن تبحث عن حل وتعمل على تسريع تحميل المدونة بلوجر لزيادة الزوار اولاً ولزيادة ترتيب المدونة وزيداة الأرباح عليها.
 حسب موقع  HubSpot التابع لجوجل فإن 11 بالمية من الزوار او المشاهدات تقل إذا كان الموقع أو المدونة بطيئ في التحميل .
هناك عدد لا يحصى من الحقائق والإحصاءات التي تؤكد مدى أهمية أن يكون الموقع او مدونة بلوجر سريعة في التحميل ..
إذا  كانت المدونة بلوجر او موقعك بطيء في التحميل  ، فستصنفه Google Speed ​​Update ، مرتبة أقل على SERP

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

مشاركات ذات صلة

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


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


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

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

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

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

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

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

انظر الى هذه الصورة 



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

أولاً : استخدم فقط الصور صغيرة الحجم. وتجنب الدقة العالية (HD) في الصور التي لا تستفيد مها في شي غير ابطاء سرعة المدونة.

ثانيًا : قم بتغيير حجم الصورة لكي تلائم بشكل كافٍ في مشاركتك بحيث تناسب الطول والعرض الأصليين.

ثالثًا : قم بضغطها باستخدام هذه الموقع الرائع في ضغط الصور Tiny JPG . إذا كانت الصورة لا تزال تبدو كبيرة بالكيلوبايت أعد ضغطها باستخدام هذه الموقع ايضا Compress JPG


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

أولاً أستخدم هذه الأداة PageSpeed ​​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 بمجرد الإنتهاء ، أحفظ القالب. 
تهانينا ، لقد انتهيت من هذه المشكلة واصبحت المدونة بلوجر سريعة جرب افحص المدونة بعد الأنتهاء سترى الفرق الكبير
تابع معي الخطوات الباقية لسريع مدونة بلوجر 

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

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

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

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

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

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

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


احياناً تريدإضافة إلى مدونة Blogger الخاصة بك  إضافات خارجية مثل نظام تعليقات او أي أضافة ثانية ،يوجد فيها رموز 
على سبيل المثال ، إذا كنت تريد أضافة أداة المشاركة ، فيجب عليك إضافة كود JavaScript "AddThis" في موقع المدونة بلوجر. أو إذا كنت تريد نظام تعليق ، فسيتعين عليك إضافة رموز 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 دقيقة.

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

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

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

دمتم بخير ..

مشاركات ذات صلة










الوسم
,قالب بلوجر منوعات , تحميل قالب بلوجر بدون حقوق , قوالب بلوجر مجانية 2019 , قوالب بلوجر اخبارية , قالب تى جو , قالب 2019 , قالب بلوجر خام , تركيب قالب بلوجر 2019 , قوالب بلوجر معربة بدون حقوق , اكواد قالب سيو بلس , قالب squeeze المدفوع مجانا 2020 , قالب بلوجر متوافق مع الجوال , قالب BigMag , قوالب إخبارية مجانية , تحميل قوالب بلوجر جاهزة , قالب بلوجر ناز , تحميل قالب بلوجر مجاني , قوالب بلوجر جديدة 2020 , قوالب بلوجر رياضية 2020 , قالب بلوجر سيو"
الاسمبريد إلكترونيرسالة