الأحد، 8 مايو، 2016

كيفية الاستفادة من متصفح التخزين المؤقت على بلوجر Exploit Browser Caching

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




ما هو  متصفح التخزين المؤقت ؟

  • متصفح التخزين المؤقت يقوم بتخزين موارد صفحة الويب على الكمبيوتر المحلي عندما يقوم المستخدم بالولوج الى تلك الصفحة .
  • "الاستفادة من التخزين المؤقت" تحدث عندما يحدد مسؤول الموقع للمتصفحات browser كيفية التعامل مع موارد موقعه .
  • أثناء تحميل موقع ما على متصفح معين فانه يقوم بتحميل الموارد الخاص به كالشعار logo و ملفات CSS و غيرها من الموارد .
يقوم متصفح التخزين المؤقت بتذكر او بعبارة اخرى تخزين موارد الموقع، فعند رجوع الزائر فلا يحتاج المتصفح الى اعادة تحميل تلك الموارد من جديد لانها مخزنة لديه بالفعل و هذا يساعد على تقليل و قت تحميل الموقع .

كيفية استفادة من التخزين المؤقت؟

هناك ملف يعرف بـ .htaccess و هو وسيلة تمكنك من التخزين المؤقت لموارد صفحتك على الويب و هو موجود في استضافة موقعك، هذا الملف بكل بساطة تعطى له اوامر برمجية التي تسمح للمتصفح بالتخزين المؤقت .

هل بلوجر تسمح لمستخدميها بالنفوذ و التعديل على ملف .htaccess

للاسف لا!! يمكنك البحث اينما شئت لن تجد هذا الملف على بلوجر هو موجود فقط على منصة الووردبريس WORDPRESS .

فجوجل لا تعطي احقية التحكم في هذا الملف  للمستخدمين و لكن هناك حلين أخرين .

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

الحل الاول: التقليل من حجم موارد موقعك بنفسك

1- قم باعادة تحرير مواضيع مدونتك فان كانت هناك صوركبيرة الحجم  قم بتنزيلها و اعادة ضبط قياسها الى 300x300 px او اكبر قليلا و قم بضغطها لتقليل من حجمها 100 kb ستفي بالغرض و اليك هذا الموضوع عسى ان يفيدك ضغط صور JPG و PNG بدون التاثير على جودتها و بدون برامج .

2- كما انه يجب ازالة حدود الصورة و التسميات التوضيحية ليقل حجمها اكثر و يسهل على متصفح تحميلها .

3- عند رفعك لصورة معينة على بلوجر يجب جعل الصورة بحجمها الأصلي .

4- قم بضغط اكواد الـ CSS و الجافا سكريبت JavaScript المطلوب منك عمل لها تخزين مؤقت (نفس الامر ينطبق على الملفات الصورية)



الحل الثاني: اعلام المتصفح بان يقوم بالتخزين المؤقت عن طريق اكواد الاتش تي ام ال

ملاحظة: هذه الطريقة قد لا تقبلها جميع المتصفحات و قد لا يذهب الخطا من صفحة PageSpeed Insights.
الطريقة كالاتي:
  1. قم بالدخول الى مدونتك بلوجر
  2. اذهب المظهر و من ثم اضغط على تحرير HTML 
  3. اضغط داخل الاكواد و بالضغط على CTRL + F  ابحث عن <b:skin><![CDATA[
  4. و اضف فوقها مباشرة الاكواد التالية و احفظ النموذج
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='tue, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>

بعد انتهاءك أعد الولوج الى موقع PageSpeed وتاكد بنفسك .
تم التحديث الموضوع بتاريخ 28/08/2017