لتسريع ارشفة مدوتنك ، تعديل يجب فعلة في قالب مدونتك

موضوع اليوم سأتكلم عن كيفية تسريع قالب الهاتف لمونتك من اجل تسريع الارشفة، فكلنا نعرف ان اغلبية مستعملي الانترنت الآن يستعملون الهاتف لتصفح المواقع والمدونات، كما ان جوجل اصبحت تركز على المواقع التي تتوفر على نسخة للهاتف سريعة ومتجاوبة.
فكرة الموضوع ، هو ان تقوم بمنع ظهور اي كود جافا سكربت او اي كود يؤثر على سرعة المدونة (كود جافا سكربت ، الصور الكبيرة ...الخ) ، لكن في نسخة الهاتف فقط. يعني ان الزائر لن تظهر عنده تلك العناصر اذا ما تصفح المدونة عبر الهاتف فقط.

متال : عند زيارة مدونة سكاي نت عبر الحاسوب سوف تظهر لك هذه القائمة التي هي عبارة عن كود جافا...
لكن عند زيارة مدونتنا عبر الهاتف تختفي هذه القائمة وجميع الاشياء التي ليست ضرورية ، وبذلك زيادة سرعة التصفح الشي الذي تحبذه شركة جوجل.
المتال الحي


لنبدأ على بركة الله...
اولا شيء يجب عليك معرفة الكود المسؤول عن العناصر التي تريد عدم اظهارها في الهاتف
متال : انا لا اريد اظهار القائمة التي هي "menus" في كود القالب.
نصيحة : استعمل Inspect Element لمعرفة الكود المسؤول عن خصائص العنصر الذي تريد اخفائه.

بعد معرفة الكود الان يجب اضافة شرط لهذا الكود ، الشرط هو ان سيتم عرض هذا العنصر فقط اذا لم يكن الزائر يستعمل الهاتف.
الأن.... قمت بالدخول الى قالب مدونتك في بلوجر وابحت عن ما يكافئ <div class='menus'> في مدونتك.
تم قم بإضافة هذا الشرط قبله مباشرة



<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>



الان يجب عليك غلق الشرط ، ابحت عن </div> المسؤولة عن غلق menus واضف الكود التالي بعدها

</b:if>

قم بحفظ القالب.
اي استفسار انا في الخدمة
انتهى...