Type Here to Get Search Results !

طريقة إزالة جميع أكواد JS و CSS الافتراضية لتسريع وقت تحميل الصفحة على بلوجر

طريقة إزالة جميع أكواد JS و CSS الافتراضية لتسريع وقت تحميل الصفحة على بلوجر

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

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


طريقة إزالة CSS و JS جافا سكريبت الافتراضيين من مدونة بلوجر؟
إزالة CSS و JS جافا سكريبت الافتراضيين من مدونة بلوجر؟


طريقة إزالة CSS و JS جافا سكريبت الافتراضيين من مدونة بلوجر؟

في هذا المقال التعليمي، سأوضح لك كيف يمكنك بسهولة إزالة Javascript (js) الافتراضية و blogger's Cascade Style Sheet (CSS) من صفحات موقع المدونة الخاص بك. تتم إضافة هذه العلامات الافتراضية بواسطة بلوجر Blogger نفسها لكل تحميل صفحة، وذلك لتشغيل ملفات عناصر واجهة تعامل حزمة جافا سكريبت JavaScript و CSS الافتراضية. وبمساعدة الخطوات التالية، يمكنك الآن إزالة CSS و js الافتراضيتين للمدونة بسرعة. عن طريق إزالة هذه الملفات الافتراضية غير المرغوب فيها "widget_css_bundle.css" (CSS) و "widgets.js" (JS) ستحسن وتزيد سرعة تحميل مدونتك بسرعة.

لتسريع تحميل مدونة بلوجر، يجب عليك إزالة كود الجافا سكريبت JavaScript و CSS الافتراضي الخاص بـ blogger والتي تتم إضافتها تلقائيا في شفرة HTML الخاصة بقالب مدونتك بين العلامات وقبلها tags. ويجب إزالة اثنين من الروابط وعلامات البرنامج النصي في التعليمات البرمجية المصدر مثل "b: template" و "b: skin" في حالة عدم توافقه مع CSS الخاص بترخيص حزمة blogger CSS بالإضافة إلى الأدوات الثابتة. تأكد أيضًا من إزالة جافا سكريبت "plusone.js" المشفرة لأنه أكبر سبب لإبطاء مدونتك ويتسبب في مزيد من الوقت لتحميل موقع الويب الخاص بك.

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


أنواع ملفات JavaScript (.js) و Stylesheet (.css) الافتراضية

تحقق من قائمة الأنواع المختلفة من ملفات JavaScript و CSS الافتراضية التي تم إنشاؤها وإضافتها تلقائيًا بواسطة بلوجر blogger:

1- كود Blogger CSS الافتراضي: - widget_css_bundle.css

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


2- معرف المدونة: authorization.css

إنه ملف كود CSS صغير يتم تسليمه عند كل تحميل صفحة ويحمل معرّف المدونة BlogID الخاص بك.


3- جافا سكريبت للأدوات: widget.js

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


4- برمجة + Google: plusone.js

إنها جافا سكريبت المضافة إلى كل مدونة بلوجر لأدوات + Google.

تحديث: تم إغلاق Google plus وبالتالي تمت إزالته تلقائيًا.


لقد ناقشنا بالفعل تقنيات تحسين سرعة موقع الويب وأهمية تقليل وقت تحميل الصفحة وبالتالي نقترح إزالة ملفات جافا سكريبت غير المستخدمة وملفات CSS غير المرغوب فيها من مدونة بلوجر الخاصة بك في أسرع وقت ممكن.


لماذا يجب عليك إزالة عناصر واجهة مستخدم CSS Bundle الافتراضية و Widgets.js من مدونة بلوجر blogger؟

تعد إزالة JavaScript الافتراضية (Widgets.js) & CSS من مدونة Blogger هي أفضل طريقة لجعل مدونتك سريعة التحميل ( تسريع مدونة بلوجر ). لكن بما أنه له مزايا جيدة، فإن له بعض العيوب أيضًا.


مزايا وعيوب إزالة ملفات JS & CSS الافتراضية من Blogger:

المزايا: تتمثل الميزة الرئيسية لحذف ملفات جافا سكريبت و CSS الافتراضية في تحسين وقت تحميل مدونة بلوجر الذي سيوفر تجربة مستخدم أفضل وواجهة مستخدم أسرع لجميع زوارك.

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


للعلم : أنا قمت بإزالة أكواد JS & CSS من مدونتي هذه ولم يحدث بها أية أخطاء، بل زادت السرعة من 13 إلى 45 على الهواتف المحمولة، ومن 67 إلى 90 على أجهزة سطح المكتب.

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


قد يثير اهتمامك معرفة : 15 سببا يجعل بلوجر أفضل بكثير من الووردبريس


كود JavaScript (Widgets.js) & CSS (css_bundle_v2.css) الافتراضي

نظرًا لأنه مخفي ومُضاف تلقائيًا بواسطة إعدادات بلوجر، يمكنك التحقق من الملف بمجرد تحميل الصفحة. للتحقق من الملف، افتح أيًا من صفحات مدونتك وافتح كود المصدر الخاص به. لفتح شفرة المصدر، انقر بزر الماوس الأيمن في أي مكان على الصفحة وانقر فوق "عرض مصدر الصفحة". سوف تحصل على الرمز كما هو موضح أدناه:


يظهر ملف JavaScript (Widgets.js) الافتراضي في القالب الخاص بك:

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2423294629-widgets.js"></script>

ويظهر ملف ورقة أنماط CSS (css_bundle_v2.css) في النموذج الخاص بك:

<link href='https://www.blogger.com/static/v1/widgets/3416767676-css_bundle_v2.css' rel='stylesheet' type='text/css'/>


طريقة إزالة Default Blogger JavaScript و CSS لتسريع وقت تحميل الصفحة

يتطلب منك بعض المعرفة الأساسية لتخصيص كود قالب HTML الخاص بـ Blogger لمعرفة طريقة تكوين الأدوات والعمل وفقًا لتصميم السمة.


خطوات إزالة ملفات حزمة جافا سكريبت و CSS الافتراضية من قالب بلوجر:

الخطوة 1: تأكد من عمل نسخة احتياطية من كود قالب بلوجر بالكامل. (مهم جداً!)

الخطوة 2: انتقل إلى رمز HTML الخاص بلوجر Blogger في القالب.

الخطوة 3: سترى الكود التالي في أول 3 أو 4 أسطر:

<HTML b:version='3' class='v3' expr:dir='data:blog.languageDirection'... ...


الخطوة 4: لإزالة ملفات CSS و JS الافتراضية ، يجب عليك إضافة b:css='false' & b:js='false' كما هو موضح أدناه:

<HTML b:css='false' b:js='false' b:version='3' class='v3' expr:dir='data:blog.languageDirection'... ...


الخطوة 5: والآن قم بإزالة ملفات blogger CSS الافتراضية، ابحث عن الكود التالي:

<b:skin><![CDATA[
...
All your CSS codes
...
]]></b:skin>


الخطوة 6: واستبدلها بالكود التالي:

<style type='text/css'>
...
All your CSS codes
...
</style>


الخطوة 7: أضف الكود التالي فوق الكود الذي تم إنشاؤه في الخطوة 6.

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>


بحيث تبدو الشفرة بأكملها هكذا:


&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
...
All your CSS codes
...
</style>


الخطوة 8: لإزالة رابط authorization.css لمدونتك على بلوجر Blogger، ابحث عن <head> واستبدله بالشفرة التالية:

&lt;head&gt;

الخطوة 9: ابحث الآن عن </head> واستبدله بالكود التالي:

&lt;!--</head>--&gt;&lt;/head&gt;


الخطوة 10: الآن ابحث عن <body> واستبدله بالكود التالي:

&lt;body onload=&quot;script();&quot; onload=&quot;callFunction();&quot; onload=&quot;loaded();&quot; data-progrecss-mock=&quot;5&quot; class=&quot;progrecss green fixed mock staggered&quot; class=&#39;index&#39; expr:class=&#39;&amp;quot;loading&amp;quot; + data:blog.mobileClass&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/WebPage&#39;&gt;


الخطوة 11: ابحث عن </body> واستبدله بالرمز التالي:

&lt;!--</body>--&gt; &lt;/body&gt;


الخطوة 12: احفظ النموذج. وتحقق من سرعة مدونتك


تعد حزمة CSS و JavaScript Widgets الخاصة بورقة الأنماط الافتراضية في بلوجر blogger السبب الأكبر الذي يؤثر على سرعة تحميل صفحة مدونتك ويؤدي إلى زيادة وقت تحميل الصفحة. وأيضًا، ليس لدى Blogger أي طريقة لتعطيل JavaScript و CSS الافتراضيين، لذا فإن التخلص تمامًا من CSS & JS الافتراضية من مدونة Blogspot blogger هو الخيار الوحيد لتسريع وقت تحميل مدونتك.


هذه بعض من أفضل الأساليب والحيل لتحسين وقت تحميل الصفحة عن طريق، إزالة حزمة Blogger الافتراضية CSS وملفات JS لعناصر JavaScript غير المرغوب فيها المضافة تلقائيًا في مدونة بلوجر blogger الخاصة بك. إذا وجدت أي صعوبة أثناء إجراء التغييرات، فيرجى إبلاغي بذلك عبر قسم التعليقات الموضح أدناه ..

التصنيف؛

إرسال تعليق

0 تعليقات
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad