أخر المقالات
تحميل...

تسريع مدونتك بعملية ضغط 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>

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

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

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


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

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


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

أزال المؤلف هذا التعليق.

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

أهلاً وسهلاً بك،
شكراً لمرورك العطر أتمنى لك التوفيق والنجاح دمتي بخير.

شكرا .. مش عارف اقولك ايه

السلام عليكم
شكرا اخي علي موضوع الاكثر من رائع
جاري تجربة الموضوع
وشكرا لك

www.techwithpro.blogspot.com شكرا لك

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

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

أزال المؤلف هذا التعليق.

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

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

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

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

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

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

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

شكراً لك تمت الإضافة
http://theandroidkingdom.blogspot.com

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

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

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

شكراً لك تم التطبيق واصبحت المدونة سريعة
لدى سؤال
كيف اجعل الصوره تظهر فى الصفحه الرئيسيه

مرحباً بك
أي صورة تقصد عزيزي؟

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

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

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

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

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

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

شكرًا لك

×