الصفحة الرئيسية
بلوجر
تسريع مدونة يلوجر

كيفية التخلص من موارد حظر العرض Eliminate Render-Blocking Resources في بلوجر

كيفية التخلص من موارد حظر العرض Eliminate Render-Blocking Resources في بلوجر .حل مشكلة تخلص من موارد منع العرض من اجل تسريع مدونة بلوجر
كيفية التخلص من موارد حظر العرض في مدونة بلوجر. الجميع يحب موقع تحميل سريع. لا أحد يحب صفحة الموقع التي تستغرق وقتًا غير متوقع ليتم تحميلها بالكامل. حتى Google نفسها لا تعطي الأولوية لصفحة ويب بطيئة التحميل. قد تقلق أيضًا بشأن موقع الويب الخاص بك الذي يستغرق الكثير من الوقت للتحميل. إذا كنت ستتحقق من موقعك في أداة سرعة صفحة pagespeed ، فسترى فرصة تتمثل في "إزالة موارد حظر العرض" بالانجليزية  Eliminate Render-Blocking Resources . سأخبرك في هذه المقالة ، كيف يمكنك التخلص من موارد حظر العرض هذه لزيادة سرعة تحميل المدون الخاص بك. سأخبرك أيضًا ما هي موارد حظر العرض هذه وكيف يمكنك العثور عليها في مدونتك ، وأيضًا ما هو تأثير هذه الموارد على سرعة تحميل موقع الويب الخاص بك.
قبل المضي قدمًا ، تحقق أولاً من موقعك في أداة تحليل سرعة الموقع جوجل  pagespeed .


ما معنى موارد حجب العرض  Render-Blocking Resources؟

Render-Blocking Resources تعني أن هناك موارد التي تقلل من سرعة تحميل موقعك " موارد حظر العرض".باختصار  العلامات'tags' التي تقلل من سرعة تحميل موقعك هي موارد تمنع العرض.

ما هي موارد حجب العرض؟

أكثر موارد حظر العرض المسؤولة عن ظهور هذه المشكلة هي JavaScript و CSS .

بحسب جوجل
هناك ثلاثة أنواع  من موارد حظر العرض 
  1. scripts
  2. stylesheets 
  3. HTML imports

هل الصور  تحجب موارد العرض؟

لا. الصور ليا تمنع موارد العرض ، ولكن يوصى بعدم نسيان تحسين صورك لجعل مدونتك مميزًة.

تعرف على مواردك التي تمنع العرض

لإصلاح موارد حظر العرض Render-Blocking Resources في مدونتك بلوجر ، يجب أن تعرف ما هو نوع موارد حظر العرض. قد تكون جافا سكريبت أو CSS. في كلتا الحالتين ، تحتاج إلى تطبيق طريقة مختلفة لإصلاح المشكلة.

كيف تعرف مصدر حظر العرض هو JAVASCRIPT أو CSS:

خطوات القيام بذلك هي كما يلي.

ما عليك سوى تحليل موقعك في أداة تحليل سرعة موقعك جوجل  والانتقال إلى فرصة "إزالة موارد حظر العرض". انسخ الرمز المميز في الصورة إلى الحافظة الخاصة بك واوادهب الى قالب مدونتك وابحث في الرابط التي نسختها من أداة pagespeed.
انسخ الرموز المميزة . يمكنك نسخ الروابط أيضا.

إذا احتوى المقتطف على أكواد مثل 
<script ,  .js , .min.js ,  <type='text' ,  <type='javascript' 

وما إلى ذلك ، فهو عبارة عن جافا سكريبت. مثل الكود التالي هو JavaScript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

إذا كان المقتطف يحتوي على رموز مثل :

<link , <.css ,  <media='xyz',  rel='stylesheet'>
 rel='import'>  type='css'


وما إلى ذلك ، فهي عبارة عن ملف css. مثل الكود التالي هو css.

<link href='http://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i' media='all' rel='stylesheet' type='text/css'/>

كيفية حل مشكلة تخلص من موارد منع العرض من اجل تسريع مدونة بلوجر

التخلص من  JAVASCRIPT المسؤول عن حظر العرض في المدونة:

الطريقة الاولى:

بمجرد تحديد جافا سكريبت المسؤول، حان الوقت الآن لإصلاحه. فيما يلي بعض الطرق لحل المشكلة.
وهي من  أفضل الطرق للتخلص من حظر JavaScript .
ضع جافا سكريبت JAVASCRIPT أسفل علامة <body> 

<html>
<head>
<title> اسم </ title>
<---- قص الكود من هنا ---->
</head>
<body>
<---- لصق الكود الخاص بك هنا ---->
</body>
</html>.

أخيراً اضغط على زر حفظ.

الطريقة الثانية :


 إزالة جافا سكريبت غير المستخدم
  • قم بزيارة حساب Blogger الخاص بك وإنتقل إلى لوحة تحكم Blogger .
  • إنقر فوق المظهر، ثم من القائمة المنسدلة حدد تعديل HTML 
  • أضف الكود
 b:css='false' 

  • بعد HTML . سيكون النص مشابهاً أو يبدو مثل سطر الكود في الصورة أدناه



الطريقة الثالثة:

أضافة علامة تأجيل جافا سكريبت'defer tag' في مدونتك.
هذا سيمنع البرنامج النصي سيؤجل تحميل جافا سكريبت بمعنى أنه سيتم تحميل الصفحة كاملة ثم بعد ذلك جافا سكريبت  .
<script defer="defer" src="...file/code.js"/>
<script defer='defer' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
أضف علامة "async" "غير متزامن" إلى جافا سكريبت كما هو موضح أدناه.

<script async="async" src="...file/code.js"/>
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
الطريقة الرابعة

التخلص من  css المسؤول عن حظر العرض في المدونة:

تخلص من CSS  المسؤول عن حظر العرض في Blogger

 إزالة  CSS  غير المستخدمة في بلوجر

بمجرد التعرف على أكواد CSS المهمة ، أضف  media="all" تمامًا كما هو موضح  أدناه. من خلال القيام بذلك ، فأنت تخبر المتصفح أن "هذا رابط CSS مخصص للقراءة فقط".

<link href="print.css" rel="stylesheet" media="print"/>

استنتاج

كانت هذه بعض النصائح التي يمكن أن تساعدك في إصلاح خطأ "القضاء على موارد حظر العرض" مما يجعل تحميل مدونتك على Blogger أسرع من ذي قبل.

لقد جربت وطبقت هذه النصائح على مدونتي الخاصة وأنا مندهش من النتائج. آمل أن تتمكن أنت أيضًا من حل المشكلة.

إذا وجدت أي صعوبات أو لم تتمكن من تطبيق النصائح ، فأخبرني بذلك في قسم التعليقات. سأساعدك بالتأكيد.

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


تعليق واحد

  1. أتمنى أن تنال التدوينة أعجابكم ووجدتم فيها على ما تبحثون عنه شكرا