تسريع مدونتك بعملية ضغط 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>
اقتص المحتوى كاملاً الى
الرمز
بعد عملية الضغط قم بنسخ الاكواد المضغوطة وإعادتها الى مكانها السابق ثم حفظ القالب
هذه العملية إن شاء الله ستلاحظ فرق كبير في سرعة مدونتك.
الان توجه الى مدونتك و إنظر اليها جيدا هل هناك أخطاء على الأغلب لن يحصل اي اخطاء ولكن من باب الحذر
هذه الطريقة سوف تعمل على إزالة جميع الرموز الغير مرغوب فيها وبدون لزوم وهي مجربة على مدونتي ولن يحصل أي خطأ وبتوفيق لكم اصدقائي
أهلا ومرحبا بكم زوارنا من جديد في مدونة مداد الجليد.
في هذا الموضوع اليوم سوف نشرح لكم كيفية زيادة سرعة مدونتك وذلك بضغط Css داخل قالب مدونتك لزيادة سرعتها بأقصى حد ممكن وتخفيف الأشياء الغير مفيدة داخل هذه الرموز في قالب مدونتك
أصدقائي إن أهمية زيادة سرعة مدونتك هو أمر لا بد منه لكسب حب الزائر ومحركات البحث لمدونتك فإذا كنت تملك مدونة ثقيلة هذا سوف يكون له تأثير كبير على ارشفتها لان عناكب البحث لها مهلة محددة في دخول مدونتك والخروج منها وكلما كانت مدونتك اسرع زادت الأرشفة بشكل أسرع مما سيعود لك بشكل إجابي وستكون مسروراً ^_^.
أما أنت فكر في دخول موقع يكون مزدحم بالصور والإعلانات التي تبطئ سرعة التحميل لديك ومن المؤكد أنك لن تكرر دخوله إلا وقت حاجته اذا لم يكن هناك بديل له
وحين يكون سريع التحميل لاحظ انك بعد إنتهاءك من الموقع ستعمل على أكتشاف صفحات أخرى أكثر وسيكون مفضلاً لديك
واليوم في هذه الطريقة البسيطة سوف نتعلم جزء بسيط وهذا سوف يعمل على تخفيف من ثقل المدونات لدينا بشكل أفضل
طريقة ضغط Css داخل قالب مدونتك
أولا سنقوم بأخذ نسخة إحتياطية من قالب مدونتك حتى إذا حصل أي أخطاء دأخل قالب مدونتك أو في التصميم سنعيده كما لو كان سابقاً
ثم نتوجه الى لوحة التحكم في مدونة بلوجر http://www.blogger.com/
ثم القالب > نضغط على تحرير html
الأن يا اخواني سوف نقوم بإقتصاص كافة الأكواد دأخل الرمز كما هو بالصورة
على الشكل التالي:
<b:skin>
نقوم بقص الرموز بينهم فقط
]]></b:skin>
بعد عملية الإقتصاص أكواد Css نتوجه الى هذه الأداة
هذا الموقع سوف يتولى عملية الضغط كل ماعليك إضافتها في المكان المخصص وضغطها كما بالصورة التالية
بعدها نسخ الاكواد كما بالصورة السابقة نعيدها الى مكان الأكواد التي قمنا بإقتصاصها
<b:skin>
لصق الأكواد هنا
]]></b:skin>
ثم نضغط على حفظ القالب
طريقة ضغط html داخل قالب مدونتك
كما في الشرح السابق ولكن يجب عليك نسخ أكواد هتمل داخل قالب مدونتك مابين الرمز <body> و </body>
إدخل على قالب مدونتك ثم أبحث عن الرمز <body>
انظر الى كيفية البحث عن الاكواد داخل القالب الصورة
الان قم بقص جميع الرموز أسفله حتى تصل الى الرمز </body>
مثال:
<body>
اقتص المحتوى كاملاً الى
الرمز
</body>
الخطوة الثانية بعد نسخ الاكواد قم بالتوجه الى هذا لموقع لضغطها
شاهد الصورة لكيفية العمل على هذا الموقع
هذه العملية إن شاء الله ستلاحظ فرق كبير في سرعة مدونتك.
الان توجه الى مدونتك و إنظر اليها جيدا هل هناك أخطاء على الأغلب لن يحصل اي اخطاء ولكن من باب الحذر
هذه الطريقة سوف تعمل على إزالة جميع الرموز الغير مرغوب فيها وبدون لزوم وهي مجربة على مدونتي ولن يحصل أي خطأ وبتوفيق لكم اصدقائي
(h)
http://www.iq23.com/images/692012-e98b3.jpg
شكرااااا
شكرررا تم التطبيق
فيديو الك
http://www.video-2lak.com
بالتوفيق إن شاء الله x-)
/2014/07/blog-post_4226.html
شكرا اخي مداد موضوع جميل وانت اجمل. (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)
لن اقول سوى شكراً
أهلاً بكم
والله اخي العزيز حلو الشرح بس صعبه عليه ممكن اضيفك ونته تعمله الي اذا ممكن راح اكون ممنون منك وعات ايدك اخي بس الشرح صعب عليه
أضف البريد الغلكتروني التالي: mohammed.maherr@gmail.com
بعد موافقتي على الإضافة يجب تعييني كمشرف حتى أستطيع التعديل
شكرا جزيلا اخي مداد
أهلاً وسهلاً شرفت اخي
أشكرك من قل أعماق قلبي شكررا أخي على الإضافة مدونتي
http://understand-web.blogspot.com/
للاسف اخى لم استطع تطبيق الشرح هل لك مسعادتى ولك كل الشكر والتقدير
مع العلم ان السرعة لدي وحسب موقع https://developers.google.com كالتالى
48 / 100 ( كما ترى اخى )
ملخص الاقتراحات
يجب إصلاح:
تحسين الصور ( ساحاول ضغط الصور الموجودة فى المدونة واحدة بعد الاخرى )
تحسين التخزين المؤقت للمتصفح . ( لا اعلم ما يمكننى فعله )
التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي ( لا اعلم ما يمكننى فعله )
48 نسبة قليلة
حاول التخفيف من الاضافات والادوات الغير مهمة فهي الوحيدة التي تعيق التصفح
اختصرت ال html والسرعة زادت وبقى يفتح في مدة اقل , شكرا
بس هل ده يأثر على اكواد ادسنس ؟
وده موقعي https://www.infology.site/
بالتوفيق عزيزي لا تأثير طبعًا حيث أنه لا يحذف اي شيء من الاكواد
شكرا جزيلا للمشاركة. التصغير هو عملية تساعدك على تقليل حجم الكود حتى 90٪. يؤدي ذلك إلى سرعة تحميل أفضل للصفحة ، مما يساعدك في الحصول على تصنيف مُحسن لمحركات البحث.
هنا بعض الروابط
انا ايضا اريد المشاركة
لضغط HTML
url-decode.com/tool/minifyhtml
minifyhtml.org/
لضغط CSS
https://url-decode.com/tool/css-minifier
من أجل 100 من أدوات الويب ، ضمن مجال واحد ، لترتيب SEO أفضل
url-decode.com/cat
السلام عليكم انا عدلات /head الى الرمز الموجود باحد مقالاتك فاختفى من المظهر زر التعديل واختفت المدونة من الظهور على الكمبيوتر اما نسخة الموبايل لا تظهر هل يوجد حل لدى حضرتك لاصلاح هذه المشكلة ارجو الرد لو تكرمت https://www.lawaziz.com
بالحقيقة لم ارى مثل مشكلتك لان اي كون يجب ان لا يكن له تأثير على منصة بلوجر
عليك في هذه الحالة مراسلة الدعم الفني لمدونة بلوجر عبر زر التعليقات الموجود في لوحة التحكم او من خلال مركز المساعدة
شكرا على ردك اخى الكريم بالفعل ارسلت لهم وانتظر انا قالبى سيو بلس المدفوع ولا اعلم ان كان هذا هو السبب وقاموا بالابلاغ ام لا
أخي تحقق من الدومين لديك أنك قمت بربطه بطريقة صحيحة أزل الدومين وتحقق من المشكلة هل لا تزل موجودة وحاول ربطه مرة اخرى