بعض الطرق التي تسهم في حد كبير إلى زيادة سرعة الموقع فيما يلي بعض الطرق التي يمكنك تطبيقها للحصول على مدونة سريعة ومُفضلة.
قم بإزالة روابط الخطوات الخاصة بمدونتي وأضف بدلًا منها الخطوت الموجودة على مدونة والتي تنتهي بـ .css ثم أحذف الكود الخاص بها
بمجرد تطبيق هذه الخطوة ستلاحظ فرق بسيط في تحسين سرعة الموقع عند قياس سرعة الموقع بإستخدام أداة PageSpeed
لحذف ملف
قم بوضع علامة b:css='false' مقابل الرمز <html ليصبح بالشكل التالي
لحذفه ابحث عن الرمز </head> وأستبدله بالرمز التالي:
فإن لم تجدها في الكود الخاص بالمكتبة لديك يجب تضمين علامة async='async' كما هي في الرمز أدناه:
هذه إصدارات مكتبة ajax تختلف بحسب كل إصدار ولكن لابد من تضمين تلك العلامة للحصول على سرعة افضل للمدونة
وأخيرًأ لا تنسى ضغط الصور بإستخدام مواقع تقليل حجم الصور دون التأثير على جودتها ومحاولة تقليل الإضافات في بلوجر غير المهمة وتقليل عدد الصفحات المعروضة في الرئيسية للحصول على موقع سريع وفعال.
قد لا تظهر إجراءاتك مباشرةً على موقع PageSpeed لكن التحسينات التي قمت بها ستظهر ان موقعك تحسن عما كان عليه من قبل.
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'/>
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 لكن التحسينات التي قمت بها ستظهر ان موقعك تحسن عما كان عليه من قبل.
ليست هناك تعليقات:
لا تذهب دون أن تترك تعليقك على الموضوع
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.