recent
أخبار ساخنة

أكواد جاهزة تنظيف قوالب مدونات بلوجر

مدونة ميدوسات2015
الصفحة الرئيسية

 

أكواد جاهزة تنظيف قوالب مدونات بلوجر

أكواد جاهزة تنظيف قوالب مدونات بلوجر




مقدمة


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


الكود الأول: تنظيف العناصر غير المستخدمة


تقوم هذه الكود بتنظيف عناصر HTML التي لم تعد مستخدمة في المدونة، مما يؤدي إلى تقليل حجم صفحاتك وتحسين أداء مدونتك. يمكن إضافة هذا الكود قبل عنصر </head> في قالب المدونة:


<!-- تنظيف العناصر غير المستخدمة -->
<script type="text/javascript">
function removeUnusedHTML() {
  var all = document.getElementsByTagName("*");
  for (var i=0,len=all.length;i<len;i++){
    var tag = all[i].tagName.toLowerCase();
    if(!tag.match(/(?=.*k)/img) && !tag.match(/(?=.*b)/img) && !tag.match(/(?=.*i)/img) && !tag.match(/(?=.*img)/img) && !tag.match(/(?=.*div)/img) && !tag.match(/(?=.*span)/img) && !tag.match(/(?=.*a)/img) && !tag.match(/(?=.*ul)/img) && !tag.match(/(?=.*li)/img) && !tag.match(/(?=.*h1)/img) && !tag.match(/(?=.*h2)/img) && !tag.match(/(?=.*h3)/img) && !tag.match(/(?=.*h4)/img) && !tag.match(/(?=.*h5)/img) && !tag.match(/(?=.*h6)/img) && !tag.match(/(?=.*p)/img) && !tag.match(/(?=.*br)/img) && !tag.match(/(?=.*hr)/img) && !tag.match(/(?=.*table)/img) && !tag.match(/(?=.*tr)/img) && !tag.match(/(?=.*th)/img) && !tag.match(/(?=.*td)/img)){
         all[i].parentNode.removeChild(all[i]);
    }
  }
}
removeUnusedHTML();
</script>

الكود الثاني: تنظيف أكواد CSS


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


<!-- تحسين CSS -->
<script type="text/javascript">
function removeUnusedCSSRules(){
  var styleSheets=document.styleSheets;
  for(var j=0;j<styleSheets.length;j++){
    var styleSheet=styleSheets[j];
    var cssRules=styleSheet.cssRules;
    for(var i=0;i<cssRules.length;i++){
      var cssRule=cssRules[i];
      if(cssRule){
        var cssRuleLength=cssRule.cssText.length;
        try{
          if(document.querySelectorAll(cssRule.selectorText).length===0){
            styleSheet.deleteRule(i);
            i--;
            continue;
          }
        }catch(e){}
      }
    }
  }
}
removeUnusedCSSRules();
</script>

الكود الثالث: إزالة التعليقات والبيانات الزائدة


يمكنك استخدام هذا الكود لإزالة التعليقات والبيانات الزائدة من صفحات مدونتك، وهذا يساعد على تحسين سرعة تحميل الصفحة:


<!-- تنظيف التعليقات والبيانات الغير مستخدمة -->
<script type="text/javascript">
function cleanUpBlog() {
    var comments = document.createNodeIterator(document.body, NodeFilter.SHOW_COMMENT);
    var node;
    while(node = comments.nextNode()) {
        node.parentNode.removeChild(node);
    }
    document.querySelectorAll('[style]').forEach(function(element) {
      element.removeAttribute('style');
    });
}
cleanUpBlog();
</script>


الكود الرابع: تنظيف قالب


تقوم هذه الكود بتنظيف عناصر HTML التي لم تعد مستخدمة في المدونة، مما يؤدي إلى تقليل حجم صفحاتك وتحسين أداء مدونتك. يمكن إضافة هذا الكود قبل عنصر </head> في قالب المدونة:


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
    <title><data:view.title.escaped/></title>
    <b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Name : Clean Template
Designer URL  : syrian-tech-world.com
year          : 2021
-----------------------------------------------*/
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'/>
</body>
</html>


الأسئلة الشائعة


كيف يمكن استخدام هذه الأكواد في مدونتي؟


تستطيع استخدام الأكواد في مدونتك بشكل سهل جداً، فقط قم بنسخ الكود ولصقه في قالب المدونة قبل </head> و بعدها احفظ القالب.


هل يمكنني تعديل الأكواد حسب احتياجات مدونتي؟


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


هل يعمل الأكواد على جميع قوالب بلوجر؟


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


الخاتمة


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

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

، يمكنك البدء باتباع الخطوات التالية للتأكد من تنظيف قوالب مدونتك وتحسين أدائها: 1. قم بإنشاء نسخة احتياطية من قالب مدونتك الحالي: قبل البدء في تنظيف قالب مدونتك، يفضل أن تقوم بإنشاء نسخة احتياطية من القالب الحالي لديك، حتى تتمكن من استعادته في حال واجهت أي مشاكل أثناء عملية التنظيف. 2. حذف الإضافات والأكواد غير الضرورية: قد تحتوي قوالب بلوجر على العديد من الإضافات والأكواد التي لا تستخدمها في مدونتك. يمكنك حذف هذه الإضافات والأكواد لتقليل حجم القالب وتحسين سرعة تحميل مدونتك. 3. تحديث القوالب والإضافات: تأكد من أن قوالب مدونتك والإضافات المستخدمة محدثة بشكل منتظم. قد تحتوي الإصدارات القديمة على أخطاء أو ثغرات أمان قد تؤثر على أداء مدونتك. 4. استخدام الأكواد المصغرة: يمكنك استخدام الأكواد المصغرة (Minified) للجافا سكريبت والـ CSS في قالب مدونتك. هذا يساعد في تقليل حجم الأكواد وتحسين سرعة تحميل مدونتك. 5. تحسين الصور: قم بتحسين الصور المستخدمة في قالب مدونتك عن طريق تقليل حجمها وضغطها. يمكنك استخدام أدوات مثل TinyPNG أو Compressor.io لتحسين الصور بدون التأثير على جودتها. 6. استخدام الخطوط المحلية: بدلاً من استخدام خطوط جوجل، يمكنك تحميل الخطوط المستخدمة في قالب مدونتك ورفعها على موقعك لتحسين سرعة تحميل الخطوط. باتباع هذه الخطوات، ستتمكن من تنظيف قوالب مدونات بلوجر وتحسين أداء مدونتك.


<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

  <head>

    <meta content='width=device-width, initial-scale=1' name='viewport'/>

    <title><data:view.title.escaped/></title>

    <b:include data='blog' name='all-head-content'/>


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

-----------------------------------------------

Name : Clean Template

Designer URL  : syrian-tech-world.com

year          : 2021

-----------------------------------------------*/

]]></b:skin>

</head>

<body>

<b:section class='main' id='main' showaddelement='yes'/>

</body>

</html>


google-playkhamsatmostaqltradent