طرق فريدة تجعل مدونة بلوجر سريعة جدًأ
لا شك ان المحتوى الفريد بالنهاية هو اللاعب الأساسي في الموقع ولكن جوجل دائمًا تحث أصحاب المواقع على زيادة سرعة مواقعهم لتحسين تجربة الزائر وبالتالي يكون تصنيف الموقع صديق الهاتف أو صاحب الموقع السريع يفضل أكثر بالنسبة لجوجل في تصنيف البحث وقد وفرت جوجل العديد من الموارد التي تساعد أصحاب المواقع على زيادة سرعة صفحات الموقع.
واليوم سوف نتعلم بعض الطرق التي تسهم في حد كبير إلى زيادة سرعة الموقع فيما يلي بعض الطرق التي يمكنك تطبيقها للحصول على مدونة سريعة ومُفضلة.
1. تحسين الخطوط
الخطوط المستضافة على موقع خارجية تسبب زيادة كبيرة في وقت الإستجابة وزيادة في تحميل الموقع معظم مدونات بلوجر تستخدم خط Font-Awesome و خطوط جوجل لذلك إذا كانت لديك هذه الخطوط مستضافة بملف .css عليك تضمينها في الكود التالي وإضافته فوق الرمز </head> في قالب مدونتك
<script type='text/javascript'>
//<![CDATA[
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://fonts.googleapis.com/earlyaccess/droidarabickufi.css");loadCSS("https://use.fontawesome.com/releases/v5.0.8/css/all.css");
//]]>
</script>
بمجرد تطبيق هذه الخطوة ستلاحظ فرق بسيط في تحسين سرعة الموقع عند قياس سرعة الموقع بإستخدام أداة PageSpeed
2. تقليل وقت إستجابة خوادم الروابط الخارجية
تتضمن هذه الطريقة فعالية في تسريع إستجابة الـ DNS والتخزين المؤقت فقط بإضافة الكود التالي أسفل الرمز <head> لتسهم في تحسين ذاكرة التخزين المؤقت بالمتصفح.
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
*نصائح اخرى
- نصائح لتسريع مدونات بلوجر
- تسريع مدونتك بعملية ضغط CSS و Html في قالب مدونة بلوجر - شرح كامل
- 7 طرق ونصائح لجعل الزوار يمضون وقتا اطول داخل الموقع
- سيو بلوجر: اضافة اكواد DNS Prefetch لتسريع تحميل المدونة وتقوية seo
3. حذف ملف widget_css_bundle.css
يرجى ملاحظة هذه الملفات أساسية في كل مدونات بلوجر بحذفها الإضافات الأساسية لن تعمل بعدها مثل نموذج الإتصال وأداة الإشتراك والإحصائيات وغيرها ولكن بحذفها يمكنك الحصول على سرعة جيدة لمدونتك
لحذف ملف
<link href='https://www.blogger.com/static/v1/widgets/521441841-css_bundle_v2.css' rel='stylesheet' type='text/css'/>
<html b:css='false' b:version='2' expr:dir='data:blog.languageDirection'>
4. حذف ملف Authorization.css
مهمة هذا الملف التحقق من صلاحيات المسؤول أي عندما تدخل لمدونتك يقوم بالتحقق ما إذا كنت انت المشرف ام لا وهو يأتي على الشكل التالي:
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1938498085333396857&zx=8e1292bd-b800-4d24-859d-eba6b4a6873b' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1938498085333396857&zx=8e1292bd-b800-4d24-859d-eba6b4a6873b' rel='stylesheet'/></noscript>
لحذفه ابحث عن الرمز </head> وأستبدله بالرمز التالي:
<!--</head>--></head>
5. حذف ملف Cookiechoices.js
وهو المسؤول عن إشعار ملفات تعريف الإرتباط حيث أنه يقرأ الدولة والمكان ويقوم بتخزين المعلومات لقرائتها يمكنك التخلص منه بإستبدال الرمز </body> بالرمز التالي:
<noscript>
<!--</body>-->
</noscript>
</body>
6. تحسين ملف أجاكس
ملف اجاكس أو مكتبة ajax موجودة في جميع قوالب بلوجر تحقق منه ما إذا كانت به علامة async='async' أم لا، بالطبع هذه العلامة مهمة جدًا تعمل بشكل فعال على عدم تأثير سرعة الموقع بها بحيث يتم تحميل الموقع أولًا ثم مزامنتها ثانيًا
فإن لم تجدها في الكود الخاص بالمكتبة لديك يجب تضمين علامة async='async' كما هي في الرمز أدناه:
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'/>
وأخيرًأ لا تنسى ضغط الصور بإستخدام مواقع تقليل حجم الصور دون التأثير على جودتها ومحاولة تقليل الإضافات في بلوجر غير المهمة وتقليل عدد الصفحات المعروضة في الرئيسية للحصول على موقع سريع وفعال.
قد لا تظهر إجراءاتك مباشرةً على موقع PageSpeed لكن التحسينات التي قمت بها ستظهر ان موقعك تحسن عما كان عليه من قبل
نتمنى لكم التوفيق دائمًا.
بجد ماشاء الله درس مفيد جدا معظم المدونات كاتبه طريقة تحسين ملف مكتبة جي كويري غلط وانت كاتبه صح وفعلا المدونه بقت من 80% ل 97% على سطح المكتب .. جزاك الله خيرا
اهلا اختي الكريمة يسعدني رايك 😍
اتمنى لك التوفيق
ما شاء الله جعله الله في ميزان حسناتك اخي
اهلا وسهلا بك ونفعنا الله واياك
تحياتي