مرحبا
تعد ميزة التخزين المؤقت الأكثر فاعلية لزيادة سرعة موقعك هي التخزين المؤقت لمتصفح الويب. يمكن حفظ معظم الملفات الثابتة المستخدمة على صفحات الويب على جهاز المستخدم للوصول إليها في المستقبل.
يعد وقت التحميل الأسرع هو المفتاح لجذب المزيد من الزوار إلى مواقعنا الإلكترونية ومدوناتنا.
إذا استغرق تحميل موقع الويب الخاص بك وقتًا أطول ، فسيتحول الزوار إلى موقع آخر على الفور. بسبب سرعة التحميل البطيئة ، قد يفقد موقعك نسبة 28٪ من الزوار كل عام إذا كان بطيئا.
وفي حالة الزائرين العائدين ، فإن البيانات الإحصائية مروعة ، لأنهم لا يريدون زيارة هذا الموقع مرة أخرى.
هناك العديد من المهام الصغيرة التي يجب القيام بها لتحسين سرعة تحميل موقعنا على الإنترنت ، ولكن من بينها الاستفادة من ذاكرة التخزين المؤقت للمتصفح أو ما يصطلح عليها ب Leverage Browser Cache.
ما هو التخزين المؤقت للمتصفح ؟
عندما نزور موقعًا إلكترونيًا باستخدام متصفحات مثل Internet Explorer و Google Chrome و Firefox و Opera وما إلى ذلك ، فإنه في كل مرة يقوم بتحميل جميع مكونات موقع الويب مثل الصور ومقاطع الفيديو ورمز HTML ورمز CSS وجافا سكريبت.
إذا كان موقع الويب الخاص بك يحتوي على ملفات وسائط ثقيلة ونصًا كبيرًا من HTML و CSS وجافا سكريبت ، فمن المنطقي أن الأمر سيستغرق وقتًا للتحميل.
تستخدم جميع المتصفحات الرئيسية اليوم ميزات التخزين المؤقت لمنح المستخدمين تجربة مستخدم سلسة. تساعد ذاكرة التخزين المؤقت للمتصفح على تخزين بعض الملفات مؤقتًا في متصفحك محليًا ، لذلك عند زيارتك لموقع ويب لأول مرة ، فإنه يقوم بتحميل كل شيء من موقع ويب ولكن عندما تعيد زيارة نفس الموقع ، فلن تحتاج إلى تحميل كل شيء ، لأن ذاكرة التخزين المؤقت للمتصفح بالفعل تخزين كل شيء في الزيارة الأولى.
حتى إذا قمت بتحديث الصفحة أو قمت بزيارة صفحة مختلفة ، فستعمل بنفس الطريقة لاحقًا حتى انتهاء صلاحية العنوان.
الاستفادة من ذاكرة التخزين المؤقت للمتصفح
تعني الاستفادة من ذاكرة التخزين المؤقت للمتصفح : هي ميزة التحكم في ذاكرة التخزين المؤقت لمتصفح الويب. من خلال هذه التقنية ، يمكنك تحديد المدة التي يجب أن يخزن فيها متصفح الويب الصور ورمز CSS وملفات JS في جهاز المستخدم.
نتيجة لذلك ، عندما تتصفح نفس موقع الويب مرة أخرى ، فسيتم تنزيل بيانات أقل أثناء التنقل عبر صفحاتك. في النهاية سيؤدي ذلك إلى تحسين سرعة تحميل موقع الويب الخاص بك.
من خلال الاستفادة من التخزين المؤقت للمتصفح ، يمكننا تغيير رؤوس طلب الموارد لاستخدام التخزين المؤقت.
فوائد الاستفادة من التخزين المؤقت للمتصفح
هناك بعض الفوائد التي ستحصل عليها بعد الاستفادة من ذاكرة التخزين المؤقت للمتصفح. رتبتهم على النحو التالي
- سوف يتحسن وقت التحميل الكلي لصفحة الويب الخاصة بك بشكل ملحوظ.
- ستطلب هذه التقنية من زوار الموقع حفظ وإعادة استخدام الملفات المضمنة في موقع الويب الخاص بك.
- سيؤدي هذا إلى تقليل سرعة تحميل الصفحة بشكل كبير للزائرين العائدين.
- يساعد Leverage Browser Caching في تحميل صور موقع الويب وملفات الوسائط الأخرى وملفات CSS و JS دون تنزيلها في كل مرة ، لأنه سيختار الملف من ذاكرة التخزين المؤقت للمتصفح.
- سيؤدي ذلك إلى تقليل وقت استجابة الخادم إلى أقل من 200 مللي ثانية.
- سيوفر وقت زوار الموقع.
- يمكنه أيضًا حفظ النطاق الترددي لخادم الويب.
- سيؤدي هذا أيضًا إلى تحسين إستراتيجية التخزين المؤقت الشاملة لأي موقع ويب.
- تذكر أن التخزين المؤقت سيسمح للمتصفح بتخزين الملفات المطلوبة بشكل متكرر على جهاز المستخدم مثل الكمبيوتر الشخصي والهاتف الذكي والكمبيوتر اللوحي لفترة زمنية محددة مسبقًا.
- عند تمكين التخزين المؤقت ، يتم تحميل الصفحة التالية بشكل أكثر كفاءة.
كيفية إصلاح ذاكرة التخزين المؤقت للمتصفح على مدونات بلوجر
للحصول على مزيد من الزوار لمدونتك، يجب أن نركز على تحسين سرعة تحميل الصفحة. إذا كنت تستخدم نظام إدارة محتوى Blogger ، فقد تكون قلقًا بشأن زيادة مشكلة التخزين المؤقت للمتصفح ، لأن المستخدمين لديهم سيطرة أقل عليه. علاوة على ذلك ، تتحكم منصة blogger تلقائيًا في ذاكرة التخزين المؤقت للمتصفح.
يتم تحميل كل قالب مدونة بالعديد من ملفات حظر العرض غير الضرورية مثل حزمة CSS وملفات CSS bundle وملفات جافا سكريبت JS في كل زيارة. لهذا السبب ، تستغرق مواقع المدونات وقتًا أطول للتحميل و تبعد الزوار.
سأوضح لك في هذه التدوينة على مدونة المحترف للتقنية كيفية التحكم في ذاكرة التخزين المؤقت في مدونة بلوجر فقط إتبع الخطوات التالية:
- الخطوة 1: قم بتسجيل الدخول إلى حساب Blogger الخاص بك وانتقل إلى لوحة تحكم Blogger.
- الخطوة 2: حدد علامة التبويب Theme وانقر فوق الزر Edit HTML .
- الخطوة 3: ابحث عن الوسم <head>. في الجزء العلوي من محرر HTML.
- الخطوة 4: أضف الآن الكود أدناه مباشرة تحت <head>.
- الخطوة 5: عمل حفظ للتغييرات.
الكود المستعمل:
<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'/>
لذلك عندما يتصفح الزائرون موقع المدونة الخاص بك ، سيقوم المتصفح بتخزين ذاكرة التخزين المؤقت لمدة7 أيام لـ CSS و JavaScript. سيتم تخزين ملفات الصور المماثلة لمدة 3 أيام.
كل ما تم إنجازه الآن سيستغرق بضعة أيام ليصبح ساري المفعول ولكن تأكد أن هذا الكود سيعمل لك بنسبة 100٪.