كيفية إزالة CSS و JS غير المستخدمة لتسريع مدونة Blogger
إذا كنت ترغب في تسريع مدونة Blogger الخاصة بك، فإن أفضل طريقة للقيام بذلك هي إزالة CSS و JS غير المستخدمة. يمكنك القيام بذلك عن طريق الانتقال إلى المظهر تم html من خلال التخصيص وإزالة JavaScript (Widgets.js) و CSS الافتراضي. حيث يؤدي إنشاء ملفات وأكواد غير مفيدة لمحتوى المدونين وسيزيد من حجم المدونة ووقت التحميل. يمكنك إما استخدام مكون إضافي لإزالة برنامج java النصي غير المستخدم أو يمكنك إزالته يدويًا إذا كنت تعرف كيفية القيام بذلك.
ما سبب أهمية إزالة CSS & JS غير المستخدمة؟
من المهم إزالة CSS & JS غير المستخدمة لأنها يمكن أن تبطئ الأداء. الاكواد البرمجية غير المستخدمة تسبب العديد من المشاكل أثناء تحميل صفحات المدونة. لذلك، من المهم إزالة CSS & JS غير المستخدمة لتحسين الأداء وتسريع الإستجابة وكذلك تصدر نتائج البحث.أيضاً، google تعتبر سرعة تحميل المحتوى عاملا أساسيا لتصنيف مواقع الويب.
كيف يتم التحقق من عدم استخدام CSS & JS؟
بعض خصائص CSS غير مدعومة في بعض المتصفحات، وبالتالي يلزم التحقق مما إذا كانت خاصية CSS وقيمتها مدعومة. يوجد لدى DevTools من Chrome علامة تبويب "تغطية" تخبرك عن مقدار استخدام CSS وجافا سكريبت. يمكنك الوصول إلى علامة التبويب "التغطية" عن طريق النقر بزر الماوس الأيمن على عنصر وتحديد "فحص العنصر". بمجرد فتح العنصر في DevTools، حدد علامة التبويب التغطية. ستمنحك علامة التبويب Coverage تقريرًا عن مقدار استخدام CSS & JS.
ما هي النتائج المترتبة على عدم إزالة CSS & JS غير المستخدمة؟
تتمثل إحدى عواقب عدم إزالة CSS & JS غير المستخدمة في أنه يمكن أن يبطئ سرعة تحميل صفحتك. إذا كان جافا سكريبت يحظر العرض، فيجب على المتصفح تنزيله وتحليله وتجميعه وتنفيذه قبل أن يتمكن من متابعة عرض الصفحة. يمكن أن يؤدي هذا إلى تأخير سرعة تحميل الصفحة للمستخدمين. والنتيجة الأخرى هي أن التعليمات البرمجية غير المستخدمة يمكن أن تستهلك موارد قيمة على جهاز الزائر ، مثل استخدام البيانات ومساحة التخزين. لذلك من المهم تقليل ملفات JS و CSS لتقليل حجم الصفحة وتحسين سرعة التحميل واستخدام الموارد.
كيفية إزالة CSS & JS غير المستخدمة في Blogger؟
إذا كنت تريد إزالة ملفات CSS و JS الافتراضية من قالب Blogger، فيمكنك القيام بذلك عن طريق تحرير html في قالب Blogger. تحقق الآن من علامة <html> في القالب، وأضف css='false' إلى هذا السطر، وانتهى الأمر. تمت إزالة CSS غير المستخدم من مدونة Blogger. ستبدو الرموز هكذا.
قبل إجراء أي تغيير، سيبدو الكود بهذا الشكل
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>
بعد إجراء التغييرات في الكود لإزالة CSS سيبدو الكود هكذا
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>
إزالة جافا سكريبت widget الافتراضية من بلوجر
لإزالة ملف JavaScript js الافتراضي من تذييل المدونة. حتى يتمكن المستخدمون من تجربة التصفح السريع. أضف b:js='false' في <html>العلامة كما هو موضح أدناه.
بعد إجراء التغييرات في الكود لإزالة JS سيبدو الرمز هكذا
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:js='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>
يجب عليك حفظ التغييرات والتحقق من إزالة جافا سكريبت الغير مستخدمة. بعد إزالة هذا البرنامج النصي، يمكنك التحقق.
إزالة JS وCSS الافتراضيين من Blogger
لإزالة كل جافا سكريبت وCSS من مدونة بلوجر، وكنت قد اضفت b:css='false'وb:js='false' في <html> من مظهر القالب.
سيبدو الرمز النهائي بعد إزالة JS وCSS الافتراضيين بهذا الشكل
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:js='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>
باستخدام الطريقة المذكورة أعلاه، يمكنك إزالة JS وCSS الافتراضيين من مدونة بلوجر.
كيفية تقليل javascript غير المستخدم في blogger
سيؤدي هذا إلى إزالة جميع ملفات CSS و JS الافتراضية من القالب الخاص بك.
الخطوة 1: تحديد CSS & JS غير المستخدمة
من المهم الحفاظ على ملفات CSS و JS لموقعك الإلكتروني نظيفة وخالية من الأكواد غير المستخدمة. يمكن أن تؤدي التعليمات البرمجية غير المستخدمة إلى زيادة حجم ملفاتك، مما يجعل تحميل موقع الويب الخاص بك أبطأ. يمكن أيضًا أن يجعل صيانة موقع الويب الخاص بك أكثر صعوبة. والخبر السار هو أن هناك أداة في Chrome DevTools يمكنها مساعدتك في العثور على CSS و JS غير المستخدمة وإزالتها من موقع الويب الخاص بك.
لاستخدام هذه الأداة، ما عليك سوى زيارة موقع الويب الذي تريد تنظيفه في Chrome، وافتح DevTools (بالضغط على Control + Shift + I)، وحدد علامة التبويب "Coverage". من هنا، سترى قائمة بجميع ملفات CSS و JS المستخدمة في الصفحة، بالإضافة إلى المقدار المستخدم من كل ملف. يمكنك بعد ذلك النقر فوق أي من الملفات لمعرفة الأسطر غير المستخدمة. بمجرد تحديد الرمز غير المستخدم، ما عليك سوى حذفه من ملفات CSS أو JS.
الخطوة 2: تقليل CSS & JS غير المستخدمة
تعد إزالة CSS و JavaScript غير المستخدمة من موقع WordPress الخاص بك طريقة رائعة لتسريع ذلك. إنه يقلل حجم الصفحة ويقلل من طلبات HTTP ويمكن أن يحسن سرعة التحميل. لتنظيف CSS بصفحات متعددة، ما عليك سوى استخدام هذه الأداة لجميع الصفحات ذات التخطيطات المختلفة.
الخطوة 3: تحقق من وجود أي أخطاء ناتجة عن إزالة CSS & JS غير المستخدمة
ربما لاحظت أن صفحات موقعك على الويب يتم تحميلها ببطء. تتمثل إحدى طرق تسريع وقت تحميل موقع الويب الخاص بك في إزالة CSS و JS غير المستخدمة. يمكنك القيام بذلك باستخدام أداة Google PageSpeed. ما عليك سوى إدخال كل عنوان URL تريد اختباره في الأداة وسيقوم PageSpeed بالتحقق من وجود أي CSS و JS غير مستخدمين. إذا كانت هناك أي أخطاء، فما عليك سوى إصلاحها وسيتم تحميل موقع الويب الخاص بك بشكل أسرع.
نصائح لتسريع وتحسين أداء موقع WordPress الى أقصى سرعة
هل يعمل موقع WordPress الخاص بك ببطء؟ هل تبحث عن طرق لتحسين أدائه سنشارككم بعض النصائح المهمة لتسريع أداء موقع WordPress الخاص بك وتحسينه.
استخدام شبكة توصيل المحتوى (CDN)
من أفضل الطرق لجعل موقع الويب يعمل بشكل أسرع هو استخدام شبكة توصيل المحتوى (CDN). شبكة CDN هي شبكة من الخوادم المترابطة فيما بينها من جميع أنحاء العالم. يسمح هذا بتحميل المحتوى بسرعة لأنه يتم تقديمه من أقرب نقطة جغرافية للمستخدم. يؤدي ذلك إلى تقليل المسافة التي تقطعها البيانات عبر الإنترنت، بحيث تصل إلى المستخدم بشكل أسرع. بعض شبكات CDN الشائعة المستخدمة في WordPress هي MAXCDN و Fastly.
ضغط حجم الصور ومقاطع الفيديو
الصور ومقاطع الفيديو مهمة لأي موقع ويب، حيث أنها تشكل الغالبية العظمى من محتواه. لذلك، يمكن أن يؤثر حجم الصور أو مقاطع الفيديو سلبًا على سرعة الموقع إذا كانت كبيرة جدًا. لذلك، يعد ضغط ملفات الوسائط أحد أهم الطرق لتسريع موقع الويب. يمكن تقليل حجم ملفات الوسائط باستخدام العديد من البرامج والأدوات والمواقع الإلكترونية مثل Photoshop أو WebP أو JPeg XR حيث يتم ضغط الحجم دون فقدان الجودة.
تقليل عدد طلبات HTTP
لعرض أي عنصر من صفحة الويب للمستخدم، يرسل المتصفح طلب HTTP إلى الخادم. على سبيل المثال، إذا تلقى الخادم 10000 طلب في لحظة معينة، فسيكون لذلك تأثير سلبي على أداء الموقع إذا كانت الاستضافة ضعيفة. إذا كان هناك العديد من زوار الموقع، فمن الضروري الترقية إلى خطة استضافة أفضل.
إذا كنت تستخدم الاستضافة المشتركة، فيمكنك التبديل إلى خادم استضافة VPS، ويمكنك تقليل كمية البيانات التي يتم جلبها عن طريق الدمج أو الضغط أو التجميع. سيتم الرد على غالبية الطلبات مجانًا. على سبيل المثال، يمكنك دمج عدة ملفات CSS أو JAVA SCRIPT في ملف واحد — يمكنك القيام بذلك بنفسك أو بمساعدة أدوات مخصصة.
التقليل من عدد الإضافات المستخدمة
الإضافات هي برامج تضيف ميزات مختلفة إلى منصات مثل WordPress، أو تعمل على تصحيح بعض المشكلات. على الرغم من أنها مهمة ورائعة، إلا أن عددًا كبيرًا من المكونات الإضافية يمكن أن يبطئ موقع الويب، خاصة إذا كانت غير متوافقة مع بعضها البعض. وبالتالي، من الأفضل دائمًا التخلص من أي مكون إضافي غير مستخدم أو غير ضروري لتسريع موقع الويب.
تحسين أداء قاعدة البيانات
تشمل قاعدة بيانات موقع الويب جميع البيانات المتعلقة بها، على سبيل المثال كلمات المرور والإعدادات والمستخدمين وعمليات البيع والشراء وملفات الوسائط والمنتجات والنصوص والمزيد. هناك بعض الطرق لتحسين أداء قاعدة البيانات، مثل فهرسة الجداول وتحسين الاستعلامات. بمرور الوقت، يمكن أن تمتلئ قاعدة البيانات بالكثير من الملفات غير المفيدة وتشغل مساحة كبيرة. يمكن تنظيف ذلك يدويًا أو باستخدام مكونات إضافية مثل Advanced Database Cleaner أو WP-Sweep.
استخدام قالب سريع ومتجاوب
يجب اختيار قالب أو تصميم موقع ويب بعناية كبيرة. تأكد من أنه تم إنشاؤه وفقًا لأحدث الإرشادات والنصائح والتقنيات لتطوير موقع الويب. اختر قوالب من مصادر حسنة السمعة حتى تتمكن من الاستفادة من التحديثات المستمرة وتعليمات استكشاف الأخطاء وإصلاحها. إذا كنت تستخدم WordPress، فيمكنك العثور على قوالب في متجر ThemeForest - قوالب تأتي مع تحديثات مجانية ومنتظمة.
إستخدم التخزين المؤقت للمتصفح
من خلال تخزين البيانات في ذاكرة الوصول العشوائي (RAM)، ستزداد سرعة موقع الويب لأنه سيتم الوصول إلى العناصر بسرعة من الخادم في كل مرة يتم فيها تحميل الصفحة، بدلاً من جلبها من جديد في كل مرة. هذه التقنية أسرع من استخدام التخزين المؤقت أو ذاكرة التخزين المؤقت. يمكنك تخزين صفحات HTML واستعلامات قاعدة البيانات المتكررة في ذاكرة الوصول العشوائي للوصول بشكل أسرع. WP Rocket هو مكون إضافي مدفوع لمنصة WordPress قوي جدًا وسهل الاستخدام.
استنتاج
إذا كنت ترغب في تسريع مدونة Blogger الخاصة بك، فإن أول شيء عليك القيام به هو إزالة CSS و JS غير المستخدمة. SplitCSS هي واجهة برمجة تطبيقات رائعة يمكنها مساعدتك في القيام بذلك بسرعة وسهولة. يمكنك أيضًا استخدام أدوات سطر الأوامر لتقليل JavaScript وجعل صفحات الويب الخاصة بك يتم تحميلها بشكل أسرع.
هذا هو! نأمل أن يساعدك هذا الدليل في تسريع مدونة WordPress أو Blogger. إذا كانت لديك أي نصائح أو حيل أخرى، فيرجى مشاركتها في التعليقات أدناه. شكرا لقرائتك!
تعليقات: (0) إضافة تعليق