تقليل عدد الاستعلامات (Queries) التي يقوم المتصفح بإرسالها
لتحميل الموقع. هذه استراتيجية مهمة لتحسين أداء الموقع وتسريع التصفح
للأسف، ليس هناك كود رسمي محدد يتم وضعه في قالب بلوجر بشكل مباشر لتحقيق هذا
الهدف، وذلك لأن عدد الاستعلامات يعتمد بشكل كبير على تكوين الموقع نفسه، بما في
ذلك عدد ونوع المراجع الخارجية والأدوات التي تم استخدامها
ومع ذلك، هناك بعض الإجراءات التي يمكن اتخاذها لتقليل عدد الاستعلامات:
تجميع وضغط الملفات القابلة للتنزيل: ضغط الملفات CSS و JavaScript وتجميعها في
ملفات واحدة يمكن أن يقلل من عدد الاستعلامات
استخدام خدمات CDN: يمكن استخدام خدمات CDN لتخزين محتوى الموقع وتوزيعه على
الخوادم الموزعة جغرافيًا، مما يمكن أن يخفض وقت التحميل وعدد الاستعلامات
تحسين الصور: استخدم صيغ مضغوطة للصور مثل JPEG واستخدم تقنيات تحميل الصور الكسول
لتقليل عدد الصور التي يتم تحميلها في البداية
تقليل استخدام الخوادم الخارجية: حاول تقليل استخدام الخوادم الخارجية لتحميل
المحتوى الثقيل، مثل النماذج الإعلانية والوسائط الاجتماعية
استخدام تقنيات التخزين المحلي: استخدم تقنيات التخزين المحلي مثل تخزين الذاكرة
المؤقتة (Caching) لتخزين المحتوى المكرر وتقليل الحاجة إلى إعادة تحميله في كل مرة
على الرغم من عدم وجود كود رسمي محدد لتحقيق هذا الهدف في بلوجر، يمكن تنفيذ هذه
الإجراءات لتحسين أداء وسرعة تصفح موقعك
إليك بعض الأساليب التي يمكنك استخدامها لتقليل عدد الاستعلامات في مدونتك على منصة
بلوجر:
تجميع وضغط الملفات:
قم بتجميع ملفات CSS و JavaScript الخاصة بمدونتك في ملفات واحدة وقم بضغطها. يمكنك
استخدام أدوات على الإنترنت مثل "Minify" للقيام بذلك. ثم قم بتضمين هذه الملفات في
القالب بدلاً من استخدام العديد من الملفات المنفصلة
استخدام خدمات CDN:
يمكنك استخدام خدمات CDN مثل Cloudflare أو Google Cloud CDN لتوزيع محتوى مدونتك
على خوادم موزعة جغرافيًا، وبالتالي تقليل وقت التحميل وعدد الاستعلامات
ضغط الصور واستخدام تقنيات تحميل الصور الكسول:
قم بضغط الصور بحيث تكون بحجم أصغر واستخدم تقنيات تحميل الصور الكسول مثل lazy
loading لتحميل الصور فقط عندما يكون المستخدم قريبًا منها
استخدام خوادم محلية للمحتوى المكرر:
قم بتكوين تخزين مؤقت (Caching) للمحتوى المكرر مثل الصور وملفات الستايل والنصوص
الثابتة لتقليل الحاجة إلى إعادة تحميلها في كل مرة
تجنب الاستخدام الزائد للخوادم الخارجية:
قم بتقليل الاعتماد على الخوادم الخارجية لتحميل النماذج الإعلانية والوسائط
الاجتماعية، واحتفظ بالمحتوى الذي يمكن تقديمه محليًا قدر الإمكان
هذه الإجراءات يمكن تنفيذها دون الحاجة إلى كود محدد. ومع ذلك، إذا كنت بحاجة إلى
المساعدة في تنفيذ أحد هذه الإجراءات بشكل محدد في قالب بلوجر، فلا تتردد في طرح
سؤال محدد وسأكون سعيدًا بمساعدتك
إليك كود HTML/CSS/Javascript يمكنك إضافته مباشرة إلى قالب بلوجر الخاص بك لتحسين
أداء الموقع وتقليل عدد الاستعلامات. يمكنك وضع هذا الكود في الجزء الذي ترغب فيه
في القالب:
<!-- تقليل عدد الاستعلامات - Optimized version by OpenAI Assistant --><!-- تجميع وضغط الملفات --><link rel="stylesheet" type="text/css" href="combined-and-minified-styles.css"><script src="combined-and-minified-scripts.js"></script><!-- استخدام خدمات CDN --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><!-- ضغط الصور واستخدام تقنيات تحميل الصور الكسول --><script async src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script><!-- استخدام خوادم محلية للمحتوى المكرر --><meta http-equiv="Cache-Control" content="max-age=3600"><!-- تجنب الاستخدام الزائد للخوادم الخارجية --><!-- Your code here -->
يرجى ملاحظة أنك ستحتاج إلى استبدال "combined-and-minified-styles.css" و
"combined-and-minified-scripts.js" بمسارات ملفات CSS و JavaScript المجمعة
والمضغوطة الخاصة بموقعك
هذا الكود يوضح عدة أساليب لتحسين أداء الموقع، بما في ذلك:
تجميع وضغط الملفات: يقوم بتضمين ملفات CSS و JavaScript المجمعة والمضغوطة
استخدام خدمات CDN: يستخدم CDN لتحميل مكتبة jQuery
ضغط الصور واستخدام تقنيات تحميل الصور الكسول: يستخدم lazysizes لتحميل الصور بشكل
كسول
استخدام خوادم محلية للمحتوى المكرر: يحدد رأس Cache-Control لتخزين المحتوى المكرر
محليًا
تجنب الاستخدام الزائد للخوادم الخارجية: هذا المركز متروك لك لإضافة أي كود إضافي
تريده
يرجى تخصيص الكود بما يتناسب مع متطلبات موقعك وتحديد الملفات المجمعة والمضغوطة
والمسارات الصحيحة لها
يمكنني تقديم مثال على كيفية إضافة هذا الكود في قالب بلوجر بشكل أكثر تحديدًا.
لنفترض أننا سنقوم بإضافة الكود في الجزء الذي يتيح لنا تخصيص العناصر المشتركة في
الموقع، مثل العناصر المتواجدة في كل صفحة.
قم بتسجيل الدخول إلى حساب بلوجر الخاص بك وانتقل إلى "تخطيط" المدونة
ابحث عن قالب "العنصر" (Header) وانقر على "تحرير" (Edit)
قم بإضافة الكود التالي في الجزء الذي تريد:
<!-- تقليل عدد الاستعلامات - Optimized version by OpenAI Assistant --><!-- تجميع وضغط الملفات --><link rel="stylesheet" type="text/css" href="combined-and-minified-styles.css"><script src="combined-and-minified-scripts.js"></script><!-- استخدام خدمات CDN --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><!-- ضغط الصور واستخدام تقنيات تحميل الصور الكسول --><script async src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script><!-- استخدام خوادم محلية للمحتوى المكرر --><meta http-equiv="Cache-Control" content="max-age=3600"><!-- تجنب الاستخدام الزائد للخوادم الخارجية -->
يرجى التأكد من تخصيص الرابط في الوصف (href) ليتناسب مع مسار الملفات المجمعة
والمضغوطة على موقعك الإلكتروني
اضغط على "حفظ ترتيب" (Save Arrangement) لحفظ التغييرات
بإضافة هذا الكود، ستقوم بتحسين أداء الموقع على بلوجر وتقليل عدد الاستعلامات التي
يقوم المتصفح بإرسالها لتحميل الموقع
ترغب في إضافة الكود بشكل تلقائي دون الحاجة إلى تعديل عناوين الملفات أو الروابط
يدويًا. في هذه الحالة، يمكنك استخدام القوالب المخصصة في بلوجر لتضمين الكود دون
الحاجة لتعديل كل صفحة على حدة
إليك كيفية القيام بذلك:
قم بتسجيل الدخول إلى حساب بلوجر الخاص بك وانتقل إلى "قالب" المدونة
انقر على "تحرير HTML" للقالب الذي تريد تعديله
ابحث عن الجزء الذي ترغب في إضافة الكود إليه. قد ترغب في استخدام العنصر <head>
لتضمين الكود في جميع الصفحات، ولكن يمكنك أيضًا استخدام الأماكن الأخرى حسب
احتياجاتك
ضع الكود التالي في القالب:
<!-- تقليل عدد الاستعلامات - Optimized version by OpenAI Assistant --><!-- تجميع وضغط الملفات --><link rel="stylesheet" type="text/css" href="<$BlogURL$>combined-and-minified-styles.css"><script src="<$BlogURL$>combined-and-minified-scripts.js"></script><!-- استخدام خدمات CDN --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><!-- ضغط الصور واستخدام تقنيات تحميل الصور الكسول --><script async src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script><!-- استخدام خوادم محلية للمحتوى المكرر --><meta http-equiv="Cache-Control" content="max-age=3600"><!-- تجنب الاستخدام الزائد للخوادم الخارجية -->
هذا الكود يستخدم <$BlogURL$> لإدراج عنوان URL
لمدونتك بشكل ديناميكي، وبالتالي يمكنه أن يحصل على مسارات الملفات بناءً على عنوان
المدونة الحالي
احفظ التغييرات
باستخدام هذا الكود، سيتم تضمين ملفات CSS و JavaScript بشكل تلقائي من خلال
استخدام <$BlogURL$> دون الحاجة إلى تعديل الروابط يدويًا
وسلامتكم
0 التعليقات : :
إرسال تعليق