كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة
 |
| طريقة تسريع مدونة بلوجر |
كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة
كود تسريع مة بلوجر وتقليل وقت تحميل الصفحة مرحبا متابعين مدونتنا الكرام وأهلاً وسهلاً بكم في مدونتكم المتواضعة..
كما عودناكم دائماً وابداً بإذن الله كل يوم مقالة جديدة مهمة لكل مستخدم على شبكة الأنترنت أمستخدم لموقع او مدونة على بلوجر .
اليوم بعون الله مقالتنا الجديدة عن كيفية تسريع مدونة بلوجر وكيف نستطيع زيادة تحميل المدونة في اقل من 3 ثواني
تابعوا الشرح للأخير ونتمنى لكم الفائدة هيا بنا الى الشرح الكافي.
نعلم جميعاً أنه في عالمنا اليوم المزدحم، لا أحد يرغب بالانتظار، لذلك من المهم جدا لكونك مدونا تسريع موقعك حتى يتمكن من تقديم المعلومات بسرعة للقراء. إذ تلعب سرعة تحميل المدونة دورا مهماً في نجاح عملية التدوين الخاص بك، حيث ذكرت هاب سبوت Hubspot أنه إذا استغرق فتح مدونة ما أكثر من 3 ثوان.
كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة
لماذا علينا أن نعمل على تسريع المدونة وزيادة التحميل في أقل من 3 ثواني؟
اليوم وفي هذه الظروف بذات، من الضروري الحصول على مدونة سريعة وتكون تحميلها اقل من 3 ثواني لذا حتى إذا كانت العملية تتطلب المزيد من الجهد والوقت، فمن الضروري أن تبحث عن حل وتعمل على تسريع تحميل المدونة بلوجر لزيادة الزوار اولاً ولزيادة ترتيب المدونة وزيادة الأرباح عليها.
حسب موقع HubSpot التابع لجوجل فإن 11 بالمية من الزوار او المشاهدات تقل إذا كان الموقع أو المدونة بطيء في التحميل.
هناك عدد لا يحصى من الحقائق والإحصاءات التي تؤكد مدى أهمية أن يكون الموقع او مدونة بلوجر سريعة في التحميل..
إذا كانت المدونة بلوجر او موقعك بطيء في التحميل، فستصنفه Google Speed Update ، مرتبة أقل على SERP لذلك هناك العديد من الخطوات التي يمكنك عملها في المدونة لتحسين موقعك على الويب وزيادة سرعته بمقدار الضعف. لتحسين ترتيبه في الصفحات الاولى من جوجل وزيادة تصنيفه على SERP تابع معي هذه الخطوات وبإذن الله سترى الفرق في سرعة تحميل المدونة بلوجر
اقرأ ايضا: طريقة عمل لوغو وتصاميم صور احترافية للمدونة او الموقع
كيفية تحسين سرعة المدونة بلوجر؟
ولكن صديقي انتظر!
أولاً، انتقل إلى Page Speed Insight من Google وقم بتحليل المدونة بلوجر الخاص بك وانظر الى سرعة المدونة قبل تنفيذ هذه الخطوات وأحفظ السرعة والأخطاء في المدونة، وبعد ذلك قم بتنفيذ هذه الخطوات الخمس، ثم قم في إعادة تحليل المدونة بلوجر ولقياس سرعتها لترى الزيادة الواضحة في وقت التحميل.
ملاحظة صديقي: قبل القيام بأي من هذه الخطوات، تأكد من أن لديك نسخة احتياطية من القالب / التصميم الحالي الخاص بك. لتجنب حدوث أي مشاكل أثناء تنفيذ هذه الخطوات لتسريع مدونة بلوجر.
هل أنت جاهز؟؟
إذا هيا بنا الى تنفيذ هذه الخطوات لزيادة سرعة المدونة بلوجر .
ملفات الصور الكبيرة والكثيرة هي أكبر سبب في انخفاض سرعة تحميل المدونة أو الموقع، الصور الكبيرة تزيد من حجم الصفحة الكلي بشكل كبير لذا فإن الخطوة الأولى هنا هي معالجة هذه المشكلة عبر تقليل من حجم الصور.
كلما كان حجم الصورة أصغر، كان ذلك أفضل لزيادة تحميل وسرعة المدونة، يجب أن تكون كل صورة تقوم في تحميلها الى المدونة او الموقع أقل من 30 كيلوبايت.
لحسن الحظ يا صديقي، فإن تقليل حجم الصور أمر بسيط وسهل إلى حداً ما عبر هذه الخطوات تابع معي.
أولاً: استخدم فقط الصور صغيرة الحجم. وتجنب الدقة العالية (HD) في الصور التي لا تستفيد مها في شي غير ابطاء سرعة المدونة.
ثانيًا: قم بتغيير حجم الصورة لكي تلائم بشكل كافٍ في مشاركتك بحيث تناسب الطول والعرض الأصليين.
ثالثًا: قم بضغطها باستخدام هذه الموقع الرائع في ضغط الصور Tiny JPG. إذا كانت الصورة لا تزال تبدو كبيرة بالكيلوبايت أعد ضغطها باستخدام هذه الموقع أيضا Compress JPG.
اقرأ ايضا: حل مشكلة عدم القبول في جوجل ادسنس Google Adsense
- لا تقم بتحرير الصورة، مثل زيادة سطوعها وتباينها. سيزيد حجمها الإجمالي.
- أجعل الصور ضبابية بعض الشيء يعني مبهمة قليلاً.
- إذا لم يكن موقع الويب او المدونة بلوجر الخاص بك يتمحور حول الصورة، هذه ليست مشكلة كبيرة.
- مجرد تقليل حجم الصور على موقع الويب او على المدونة بلوجر الخاص بك سيعزز سرعتها على الفور.
- وستزيد سرعة البلوجر المدونة.
نعم يا صديقي بعد تنفيذ هذه الخطوات السهلة والبسيطة، انتقل إلى Google PageSpeed Insight. سترى الفرق بنفسك وسترى كيف زادت سرعة المدونة الى الضعف أنشاء الله.
تأتي دائماً مدونة 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.
هذه الخطوات تعمل على إزالة جميع الأكواد CSS و JavaScript جميعها الغير مرغوب فيها والتي تعمل على إبطاء المدونة هكذا نكون قد تخلصنا من مشكلة اكواد جافا سكريبت الغير مرغوب فيها..
الآن ننتقل إلى الخطوات الباقية لتسريع مدونة بلوجر تابع معي صديقي (كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة).
اقرأ ايضا: طريقة كتابة مقالة احترافية ومقبولة لادسنس خطوة بخطوة
إذا قمت بتثبيت قالب Blogger من أي موقع أن كان مدفوع أو مجاني، فمن المحتمل أن هذه القالب يستخدم خطاً مخصصاً أن هذه الخطوط تعمل على إبطاء المدونة بشكل كبير نظراً لكبرها أو للإضافات الموجودة فيها، مما يؤدي إلى إبطاء مدونة بلوجر وإبطاء سرعة التحميل بهامش كبير جداً.
الشيء الجيد والجميل في مدونة بلوجر هو أن هذه المشكلة لها حل سهل وبسيط تابع معي صديقي.
أولاً أستخدم هذه الأداة Page Speed Insight من Google للتعرف على العناصر التي تعمل على إبطاء سرعة المدونة بلوجر. سترى أن تحليل هذه الأداة يوصيك ان تستخدم خطوط جوجل Google Font و Font Awesome و jQuery المريحة والعملية والخفيفة على القالب وعلى المدونة.
لذلك قم بإزالة عناصر Render Blocking هذه من المدونة بلوجر واحدًا تلو الآخر أحذفهم كلهم دفعة واحدة من دون نقاش صديقي!!!
أليك الحل وكيف تحذفهم تابع معي هذه الحل السحري البسيط جدا.
أستبدل رابط أي خط من جوجل من هنا Google Font و Font-Awesome بمجرد الانتهاء، أحفظ القالب.
تهانينا، لقد انتهيت من هذه المشكلة وأصبحت المدونة بلوجر سريعة جرب افحص المدونة بعد الانتهاء سترى الفرق الكبير
تابع معي الخطوات الباقية لسريع مدونة بلوجر.
قد تبدو خطوط غوغل المخصصة ملائمة للرؤية البصرية ولكنها أحد عناصر حظر العرض التي يمكن أن تزيد من وقت تحميل مدونة بلوجر.
حتى إذا قمت باستخدام خط واحد من خطوط غوغل على مدونة بلوجر، فسيؤثر ذلك سلباً على سرعة مدونة بلوجر.
ولهذا السبب يوصى بعدم استخدام خطوط غوغل المخصصة على مدونة بلوجر، مما قد يحسن أداء مدونة بلوجر وسرعتها.
ملاحظة: سيؤدي ذلك إلى تغيير نوع خطوط مدونتك.
- انتقل إلى لوحة تحكم بلوجر Blogger Dashboard
- انتقل إلى خيار المظهر وانقر على تعديل HTML
- الآن بين <head> & </head> ستجد رمز GoogleAPI مثل هذا.
- تحديد وإزالة رمز GoogleAPI بسهولة من القالب الخاص بك.
اقرأ ايضا: أفضل ملف robots.txt لمدونات بلوجر
لا تضع الكثير من الإعلانات في مقالتك، فالإعلانات ليست سوى أكواد جافا سكريبت وإضافة العديد منها سيؤدي إلى سرعة منخفضة للمدونة، كما ستؤثر إضافة الكثير منها أو وضعها أيضاً على تجربة المستخدم.
لذا حاول ألا تضع أكثر من 2-4 إعلانات في مقال واحد، والتي لا تؤثر على تجربة المستخدم وسرعة المدونة.
إزالة صور الخلفية.
يستخدم العديد من المدونين صور الخلفية لجعل مقالتهم أكثر جاذبية ولكن الجانب السلبي لاستخدام صور الخلفية هذه هو أنها تتطلب الكثير من البيانات للتحميل مما يؤدي إلى إبطاء سرعة مدونة بلوجر ” blogger”.
لذا حاول إزالة مثل هذه الصور واستخدم حصرا الخلفية ذات اللون الأبيض لأنها لا تؤثر على سرعة موقعك كما أنها جيدة لتجربة المستخدم
ومن الأفضل ولو في حال أردت إظهار إعلانات للمستخدمين، فإن من المفضل استخدام البنرات الإعلانية.
إزالة رموز وأيقونات "التحرير السريع"
قد تبدو هذه الأيقونات صغيرة، ولكن هي تأكل مساحة كبيرة وهامش كبير من المدونة لذا، حتى إذا وجدت أنها مفيدة في نشر او مشاركة مدونتك في مواقع التواصل، فمن الأفضل التخلص منها. إنها بسيطة ممكن الاستعاضة عنها بأي موقع يأمن لك هذه الأيقونات.
إليك كيف تحذفهم إذا تريد ذلك؟
في كل مرة تقوم فيها بإضافة عنصر واجهة مستخدم أو أضافة أيقونات، تأتي هذه الأداة مع خيار "التحرير السريع" هذا. لذا، تذكر تكرار العملية أعلاه لحذف الرمز بعد إضافة أداة على مدونتك على بلوجر.
أحيانا تريد إضافة إلى مدونة Blogger الخاصة بك إضافات خارجية مثل نظام تعليقات او أي أضافة ثانية، يوجد فيها رموز
على سبيل المثال إذا كنت تريد أضافة أداة المشاركة، فيجب عليك إضافة كود JavaScript "Add This" في موقع المدونة بلوجر. أو إذا كنت تريد نظام تعليق، فسيتعين عليك إضافة رموز Disqus في الواجهة الخلفية للموقع.
الآن، هذه الخطوط الإضافية من الرموز ذات فائدة عالية.
لذا، حتى إذا كانت تبطئ المدونة بلوجر ، لن ترغب في حذفهم أو الاستغناء عنهم!
في مثل هذه الحالة، يمكنك استخدام التوجيه الغير المتزامن يعني تغير بسيط وطفيف في هذه الأكواد، التي تشبه
async = “async”.
عندما يتم تحميل المدونة بلوجر، يتم تحميل عناصر مختلفة في وقت واحد أو في وقت لاحق جدًا بترتيبها الصحيح. ما يفعله رمز 'async' هو أنه يخبر المتصفح بتحميل كل عنصر مهم في المدونة أولاً ثم في النهاية يقوم في تحميل العناصر الغير مهمة، ثم يقوم بتشغيل JavaScript الذي يتم عن طريق استخدام الأمر 'async.
إنه ببساطة يعمل عكس الكود "Sync"، مما يعني أنه لا يجب تحميله بالتزامن مع العناصر الأخرى مثل الخطوط او الإعلانات او أقسام المهمة في المدونة بلوجر. يجب عليه أن ينتظر حتى يتم تحميل العناصر الأساسية أولاً ثم عناصر جافا سكريبت.
لحل هذه المشكلة يمكنك استخدام هذا الكود التوجيهي على جميع اكواد جافا سكريبت الخارجية لضمان تحميل HTML أولاً.
عادة ما تبدو أكواد جافا سكريبت الخارجية مثل ...
لذلك صديقي، وبصرف النظر عن هذه الخطوات المهمة والأساسية، اتبع بقية التوصيات التي يقدمها التقرير جوجل Page Speed Insight.
اتبع الخطوات الخمس المذكورة أعلاه وانظر النتيجة. إذا واجهت أي مشكلة انا معك هنا راسلني على بريد المدونة أو في التعليقات في الأسفل كود تسريع مدونة بلوجر وتقليل وقت تحميل الصفحة .
دمتم بخير..
