تسريع مدونتك بعملية ضغط CSS و Html في قالب مدونة بلوجر - شرح كامل

السلام عليكم ورحمة الله وبركاته

أهلا ومرحبا بكم زوارنا من جديد في مدونة مداد الجليد.

في هذا الموضوع اليوم سوف نشرح لكم كيفية زيادة سرعة مدونتك وذلك بضغط Css داخل قالب مدونتك لزيادة سرعتها بأقصى حد ممكن وتخفيف الأشياء الغير مفيدة داخل هذه الرموز في قالب مدونتك

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

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


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

طريقة ضغط Css داخل قالب مدونتك 

أولا سنقوم بأخذ نسخة إحتياطية من قالب مدونتك حتى إذا حصل أي أخطاء دأخل قالب مدونتك أو في التصميم سنعيده كما لو كان سابقاً

ثم نتوجه الى لوحة التحكم في مدونة بلوجر http://www.blogger.com/
ثم القالب > نضغط على تحرير html 

الأن يا اخواني سوف نقوم بإقتصاص كافة الأكواد دأخل الرمز كما هو بالصورة 



بعد توسيع مابين الرمز  <b:skin> و ]]></b:skin> نقوم بقص كافة الأكواد دخلهما

على الشكل التالي:

<b:skin>

نقوم بقص الرموز بينهم فقط 

]]></b:skin>

بعد عملية الإقتصاص أكواد Css نتوجه الى هذه الأداة 

هذا الموقع سوف يتولى عملية الضغط كل ماعليك إضافتها في المكان المخصص وضغطها كما بالصورة التالية



بعدها نسخ الاكواد كما بالصورة السابقة نعيدها الى مكان الأكواد التي قمنا بإقتصاصها
<b:skin>

لصق الأكواد هنا

]]></b:skin>

 ثم نضغط على حفظ القالب

طريقة ضغط html داخل قالب مدونتك 

كما في الشرح السابق ولكن يجب عليك نسخ أكواد هتمل داخل قالب مدونتك مابين الرمز <body> و </body> 

إدخل على قالب مدونتك ثم أبحث عن الرمز <body> 
انظر الى كيفية البحث عن الاكواد داخل القالب الصورة
الان قم بقص جميع الرموز أسفله حتى تصل الى الرمز </body> 

مثال:

<body> 

اقتص المحتوى كاملاً الى
الرمز 
</body>

الخطوة الثانية بعد نسخ الاكواد قم بالتوجه الى هذا لموقع لضغطها
شاهد الصورة لكيفية العمل على هذا الموقع

بعد عملية الضغط قم بنسخ الاكواد المضغوطة وإعادتها الى مكانها السابق ثم حفظ القالب

هذه العملية إن شاء الله ستلاحظ فرق كبير في سرعة مدونتك.


الان توجه الى مدونتك و إنظر اليها جيدا هل هناك أخطاء على الأغلب لن يحصل اي اخطاء ولكن من باب الحذر

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


مشاركات أقدم المقال التالي
33 تعليق
  • غير معرف
    غير معرف 02‏/07‏/2014، 4:43:00 ص

    (h)

  • غير معرف
    غير معرف 02‏/07‏/2014، 4:44:00 ص

    http://www.iq23.com/images/692012-e98b3.jpg

  • مع  العراق ضد داعش
    مع العراق ضد داعش 06‏/07‏/2014، 6:33:00 م

    شكرااااا

  • Unknown
    Unknown 18‏/07‏/2014، 12:38:00 م

    شكرررا تم التطبيق
    فيديو الك
    http://www.video-2lak.com

    • مداد الجليد
      مداد الجليد 20‏/07‏/2014، 3:01:00 ص

      بالتوفيق إن شاء الله x-)

  • Unknown
    Unknown 19‏/07‏/2014، 6:00:00 م

    /2014/07/blog-post_4226.html

  • ysf
    ysf 22‏/08‏/2014، 3:02:00 م

    شكرا اخي مداد موضوع جميل وانت اجمل. (h)

    • مداد الجليد
      مداد الجليد 22‏/08‏/2014، 8:13:00 م

      العفو أخي يوسف شرفت

  • omran
    omran 27‏/09‏/2014، 10:20:00 م

    http://2.bp.blogspot.com/-X3LhXRtGrto/VB_98u8wyoI/AAAAAAAAF-8/JpvIBg9i_hw/s1600/%D9%82%D8%A7%D9%84%D8%A8%2BMegaMag%2B%D9%85%D8%B9%D8%B1%D8%A8.png

  • Droob Erebh
    Droob Erebh 27‏/02‏/2015، 3:52:00 م

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

    • مداد الجليد
      مداد الجليد 27‏/02‏/2015، 6:11:00 م

      لا يمكن نقل مدونة بالكامل إلى إستضافة اخرى يُمكن نقل المواضيع بالكامل فقط من خلال الإعدادات وتصديرها إلى مدونة اخرى أو ووردبرس

  • Droob Erebh
    Droob Erebh 27‏/02‏/2015، 10:33:00 م

    شكرا ليك اخي

    • مداد الجليد
      مداد الجليد 27‏/02‏/2015، 10:37:00 م

      العفو اختي

  • ysf
    ysf 21‏/03‏/2015، 5:09:00 م

    السلام عليك اخي مداد مدونتي اصبحت تقيلة 15s ورغم ضغطcss وhtml لم يتغير شئ هل يمكن تسريع المدونة عن طريق نقل سكربتات الجافا الى استضافة مجانية وسريعة وضغط الصور الموجودة في القالب :-?

    • مداد الجليد
      مداد الجليد 25‏/03‏/2015، 7:38:00 م

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

  • ysf
    ysf 26‏/03‏/2015، 6:29:00 م

    شكرا على المعلومات القيمة (h)

  • mahmoud hassan
    mahmoud hassan 28‏/04‏/2015، 2:21:00 م

    لن اقول سوى شكراً

    • مداد الجليد
      مداد الجليد 28‏/04‏/2015، 11:21:00 م

      أهلاً بكم

  • حسين
    حسين 18‏/05‏/2015، 10:16:00 م

    والله اخي العزيز حلو الشرح بس صعبه عليه ممكن اضيفك ونته تعمله الي اذا ممكن راح اكون ممنون منك وعات ايدك اخي بس الشرح صعب عليه

    • مداد الجليد
      مداد الجليد 18‏/05‏/2015، 10:52:00 م

      أضف البريد الغلكتروني التالي: mohammed.maherr@gmail.com
      بعد موافقتي على الإضافة يجب تعييني كمشرف حتى أستطيع التعديل

  • النور ويب
    النور ويب 07‏/01‏/2016، 4:20:00 ص

    شكرا جزيلا اخي مداد

    • مداد الجليد
      مداد الجليد 07‏/01‏/2016، 9:49:00 ص

      أهلاً وسهلاً شرفت اخي

  • مدونة حمزة للبلوجر
    مدونة حمزة للبلوجر 24‏/01‏/2016، 10:48:00 م

    أشكرك من قل أعماق قلبي شكررا أخي على الإضافة مدونتي
    http://understand-web.blogspot.com/

  • تالي ويب
    تالي ويب 30‏/03‏/2016، 3:40:00 م

    للاسف اخى لم استطع تطبيق الشرح هل لك مسعادتى ولك كل الشكر والتقدير
    مع العلم ان السرعة لدي وحسب موقع https://developers.google.com كالتالى

    48 / 100 ( كما ترى اخى )
    ملخص الاقتراحات

    يجب إصلاح:
    تحسين الصور ( ساحاول ضغط الصور الموجودة فى المدونة واحدة بعد الاخرى )
    تحسين التخزين المؤقت للمتصفح . ( لا اعلم ما يمكننى فعله )
    التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي ( لا اعلم ما يمكننى فعله )

  • مداد الجليد
    مداد الجليد 31‏/03‏/2016، 11:03:00 م

    48 نسبة قليلة
    حاول التخفيف من الاضافات والادوات الغير مهمة فهي الوحيدة التي تعيق التصفح

  • salwa hussien
    salwa hussien 25‏/05‏/2018، 3:39:00 م

    اختصرت ال html والسرعة زادت وبقى يفتح في مدة اقل , شكرا
    بس هل ده يأثر على اكواد ادسنس ؟
    وده موقعي https://www.infology.site/

    • مداد الجليد
      مداد الجليد 28‏/05‏/2018، 4:36:00 ص

      بالتوفيق عزيزي لا تأثير طبعًا حيث أنه لا يحذف اي شيء من الاكواد

  • Sandra
    Sandra 31‏/08‏/2020، 9:26:00 ص

    شكرا جزيلا للمشاركة. التصغير هو عملية تساعدك على تقليل حجم الكود حتى 90٪. يؤدي ذلك إلى سرعة تحميل أفضل للصفحة ، مما يساعدك في الحصول على تصنيف مُحسن لمحركات البحث.
    هنا بعض الروابط
    انا ايضا اريد المشاركة
    لضغط HTML
    url-decode.com/tool/minifyhtml
    minifyhtml.org/
    لضغط CSS
    https://url-decode.com/tool/css-minifier
    من أجل 100 من أدوات الويب ، ضمن مجال واحد ، لترتيب SEO أفضل
    url-decode.com/cat

  • عبدالعزيز حسين عبدالعزيز عمار
    عبدالعزيز حسين عبدالعزيز عمار 29‏/05‏/2021، 7:08:00 م

    السلام عليكم انا عدلات /head الى الرمز الموجود باحد مقالاتك فاختفى من المظهر زر التعديل واختفت المدونة من الظهور على الكمبيوتر اما نسخة الموبايل لا تظهر هل يوجد حل لدى حضرتك لاصلاح هذه المشكلة ارجو الرد لو تكرمت https://www.lawaziz.com

    • مداد الجليد
      مداد الجليد 31‏/05‏/2021، 6:50:00 م

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

    • عبدالعزيز حسين عبدالعزيز عمار
      عبدالعزيز حسين عبدالعزيز عمار 01‏/06‏/2021، 1:40:00 م

      شكرا على ردك اخى الكريم بالفعل ارسلت لهم وانتظر انا قالبى سيو بلس المدفوع ولا اعلم ان كان هذا هو السبب وقاموا بالابلاغ ام لا

    • مداد الجليد
      مداد الجليد 02‏/06‏/2021، 2:07:00 م

      أخي تحقق من الدومين لديك أنك قمت بربطه بطريقة صحيحة أزل الدومين وتحقق من المشكلة هل لا تزل موجودة وحاول ربطه مرة اخرى

أضف تعليق
عنوان التعليق