ووردبريس

إضافة Autoptimize لتسريع مواقع الووردبريس

إضافة Autoptimize لتسريع مواقع الوردبريس، من أفضل إضافات الوردبريس، إذا كنت تبحث عن طريقة مناسبة لتسريع موقعك وتحسين أدائه وتحسين سرعة تحميل صفحات موقعك.

بالنسبة لأصحاب المواقع في هذه الأيام، أصبحت سرعة الموقع من أهم الأمور التي تساعد موقعك على الظهور في محركات البحث، وبالتالي الحصول على المزيد من الزيارات والتحويلات والمبيعات.

تقدم لك إضافة Autoptimize جميع الميزات التي تحتاجها لكي تقوم بتسريع موقعك، سواء من خلال العمل مع ملفات CSSأو JS أو ضغط الصور أو التخزين المؤقت وغيرها من الأمور.

سنشرح لك في هذه المقالة، كل ما يتعلق ب Autoptimize Plugin. ما هي وكيف تعمل؟ الميزات التي تدفعك كصاحب موقع أن تختار العمل عليها.


ما هي إضافة Autoptimize؟

تقدم لك الإضافة العديد من الميزات والقدرات لتحسين أداء موقعك، ومنها:

1- تجميع الملفات:

عندما يكون لديك ملف واحد، فإن سرعة تحميله، ستكون أكبر من سرعة تحميل 10 أو 20 ملفًا. حيث يمكن الجمع بين ملفات CSS أو Javascript، وبذلك يكون هناك عدد أقل من الملفات لتحميلها وسرعة أكبر.

2- تصغير الملفات:

حيث يتم إزالة المحتوى غير الضروري والمساحة البيضاء من الملفات. ينتج عن هذا ملفات أصغر حجمًا وأسرع في التنزيل. حيث تقوم الإضافة بتصغير ملفات HTML و CSS و JS.

3- التخزين المؤقت للملفات:

يمكن لـ Autoptimize تخزين ملفات HTML والنصوص وملفات CSS مؤقتًا، بحيث تكون الملفات المكتملة جاهزة لتقديمها للزوار. هذا يقلل من تحميل الخادم ويزيد السرعة.

4- إرجاء النصوص البرمجية إلى التذييل:

لتسريع تحميل موقع الويب الخاص بك، يقوم Autoptimize بتأجيل بعض النصوص البرمجية إلى تذييل الصفحة (Footer).

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

5- تكامل شبكة توصيل المحتوى (CDN):

CDN هي خدمة تابعة لجهة خارجية تخزن بعض المحتوى الخاص بك.  

لماذا موقعك بطيء؟

هناك العديد من الأسباب التي تؤدي إلى زيادة وقت التحميل، ومنها:

  1. يحتوي موقع الويب الخاص بك على عدد كبير جدًا من قواعد البيانات مثل عناصر الوسائط أو المكونات الإضافية أو القوالب.
  2. الخادم الخاص بك ضعيف للغاية بحيث يستغرق وقتًا طويلاً للانتظار.
  3. يحتوي موقع الويب الخاص بك على عدد كبير من الزيارات، مما يسبب الازدحام ويؤدي إلى البطء.
  4. الأكواد الخاصة بموقعك، كبيرة جداً ولديك الكثير من الأحرف غير المستخدمة مثل ملفات JS أو CSS التي تحتاج إلى إزالتها.

هناك العديد من الأسباب الأخرى التي تجعل سرعة موقعك بطيئة وتجعل من وقت تحميل موقعك كبير، واليوم عندما يكون وقت تحميل الصفحة أكبر من 3 ثواني، فهناك مشكلة كبيرة لديك.

اقرأ أيضاً: أفضل إضافات تسريع موقع ووردبريس 2021

كيف أقوم تحسين سرعة موقعي؟

تقدم لك إضافة Autoptimize، الكثير من الحلول التي تساعدك على تحسين سرعة موقعك وتحسين أدائه، لعدة أسباب:

  1. النسخة المجانية من الإضافة، لديها ميزات كبيرة لتحسين الأداء
  2. إضافة متوافقة مع حميع الاستضافات ولا تقوم بأي تخزين مؤقت لصفحة HTML.
  3. هناك أكثر من مليون عملية تثبيت وتنصيب للإضافة
  4. تحديثات مستمر على الإضافة
  5. خدمة دعم مميزة.

كيف تقوم إضافة Autoptimize بتحسين سرعة مواقع الوردبريس؟

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

لتنصيب الإضافة، من خلال الذهاب إلى لوحة تحكم الووردبريس، والبحث عن الإضافة، ثم الضغط على التنصيب الآن.

وبعد ذلك نقوم بتفعيل الإضافة وتصبح جاهزة للإستخدام.

تنصيب إضافة Autoptimize

قم بالذهاب إلى إعدادات وإختيار Autoptimize كما بالشكل التالي.

سنتحدث الأن عن أهم الإعدادات التي تساعدك على تحسين أداء موقعك، بطريقة مبسطة وسهلة.

أولاً: تحسين HTML، CSS ، JS

لدى إضافة Autoptimize العديد من الخيارات للتحكم بإعدادات (HTML أو CSS أو JS)، من حيث إمكانية دمج الملفات أو تصغيرها أو تأخير تحميلها والمزيد.

1- التحكم ب JavaScript

بدايةً عليك تفعيل ميزة (Optimize JavaScript Code)، حتى تتمكن إضافة Autoptimize من التحكم في ملفات JavaScript وتعمل على تحسينها.

ماذا تفعل Autoptimize لتحسين ملفات JavaScript؟

يوجد لديك الميزات التالية:

1- تجميع ملفات جافا سكربيت (Aggregate JS-files)

عند تفعيل هذه الميزة، سيتم تجميع كل كل ملفات JS المرتبطة لتحميلها، وبالتالي لن يكون هناك أكواد تعيق وتؤدي إلى تحميل الصفحة ببطء (non-render blocking).

في حال لم تقوم بتفعيل الميزة، ستبقى ملفات JS بدون تجميع ولكن سيتم تصغيرها.

2- تأجيل تحميل الملفات (Do not aggregate but defer)

في حال لا تريد تجميع ملفات JS، يمكنك من خلال تفعيل هذه الميزة تأجيل جميع ملفات JS المرتبطة بدلاً من ذلك، مما يجعلها لا تسبب أي تأخير في التحميل.

3- استخراج ملفات JS المضمنة (Also aggregate inline JS)

هناك بعض قوالب الووردبريس التي تحتوي على Javascript مضمنة موجودة في ملفات HTML. يمكنك سحب جافا سكريبت هذه ودمجها في ملف واحد ، مما يحسن سرعة الصفحة.

4- تحميل ملفات JavaScript باكراً (Force JavaScript in <head)

هذا الخيار، يؤدي إلى تحميل ملفات JavaScript باكراً، وبالتالي ممكن أن تساعد على تصحيح بعض الأخطاء الموجودة في جافا سكربت، ولكنه يؤدي إلى حظر عرض JS، بالتالي قد تؤدي إلى إبطاء سرعة صفحتك.

إذا كانت لديك ملفات JavaScript تحتاج إلى تحميلها في عنصر <head>، فلا داعي لتفعيل هذه الميزة.

5- استبعاد ملفات جافاسكربت (Exclude scripts from Autoptimize)

يتيح لك هذا الخيار استبعاد أدلة معينة وملفات JavaScript من التجميع. بشكل افتراض ، يستبعد “Autoptimize” البرامج النصية التالية.

wp-include / js / dist /
wp-include / js / tinymce /
js / jquery / jquery.js

6- معرفة الأخطاء والتقاطها (Add try-catch wrapping)

إذا كان لديك خطأ JS يمنع صفحاتك من العمل بشكل صحيح، فستجتاج إلى تفعيل هذا الخيار. حيث سيقوم “بالتقاط” أي أخطاء قبل أن تؤثر هذه الأخطاء على تحميل الصفحة

اقرأ أيضاً: افضل إضافات التسويق بالعمولة (Affiliate Plugins)

2- التحكم ب CSS

التحكم وتحسين CSS

بدايةً عليك تفعيل ميزة (Optimize CSS Code)، حتى تتمكن إضافة Autoptimize من التحكم في ملفات CSS وتعمل على تحسينها.

ماذا تفعل Autoptimize لتحسين ملفات CSS؟

يوجد لديك الميزات التالية:

1- تجميع ملفات CSS

عند تفعيل هذه الميزة، سيتم تجميع كل كل ملفات CSS المرتبطة لتحميلها، وبالتالي لن يكون هناك أكواد تعيق وتؤدي إلى تحميل الصفحة ببطء (non-render blocking).

في حال لم تقوم بتفعيل الميزة، ستبقى ملفات CSS بدون تجميع ولكن سيتم تصغيرها.

2- تجميع ملفات CSS المضمنة – Also aggregate inline CSS

هذا الخيار يساعدك على إزالة ملفات CSS الموجودة ضمن HTML ومن ثم يجمعها. بذلك يمكن أن يؤدي نقل CSS المضمن إلى ملف CSS قابل للتخزين المؤقت للمستعرض إلى تقليل حجم الصفحة.

3- توليد البيانات – Generate data

عند تفعيل هذه الميزة، ستعمل إضافة Autoptimize على تشفير صور الخلفية الصغيرة باستخدام Base64 وتضمينها في CSS. حيث يؤدي هذا الترميز إلى تقليل عدد طلبات HTTP، مما يؤدي إلى تحسين سرعة التحميل.

4- تضمين وتأجيل ملفات Inline and Defer – CSS

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

5- تضمين كل ملفات Inline all CSS – CSS

بالنسبة لمعظم المواقع ، لا يجب تضمين جميع ملفات CSS حيث يمكن أن يزيد ذلك حجم الصفحة بشكل كبير. علاوة على ذلك ، فإن تضمين جميع ملفات CSS يجعل من المستحيل على متصفح الويب تخزين ملفات CSS مؤقتًا.

6-استبعاد Exclude CSS – CSS

بشكل افتراضي ، يستبعد Autoptimize الدلائل التالية وملفات CSS من التجميع. إذا كنت ترغب في منع Autoptimize من تجميع أي من ملفات CSS الخاصة بك، فيمكنك إضافتها إلى القائمة.

3- التحكم ب HTML

إضافة Autoptimize
إضافة Autoptimize لتحسين HTML

عند تفعيل ميزة (Optimize HTML Code)، فإن هذا يساعدك على تحسين HTML، حيث تعمل الإضافة على تقليل حجم الصفحة من خلال إزالة المسافات البيضاء غير الضرورية في HTML.

4- التحكم ب CDN

CDN Options
CDN Options

إذا كنت تستخدم بعض خدمات CDN، ستحتاج إلى إضافة عناون الرابط في المكان المخصص، لتعمل إضافة Autoptimize معها. بينما مثلاً في حال كنت تستخدم Cloudflare فلا حاجة للقيام بضلك.

5- التحكم ب Cache

تعرض “معلومات ذاكرة التخزين المؤقت” الخاصة بAutoptimize معلومات مهمة مثل الموقع أو الأذونات الخاصة بمجلد ذاكرة التخزين المؤقت، بالإضافة إلى الحجم الإجمالي للأنماط أو البرامج النصية المخزنة مؤقتًا.

6-خيارات إضافية – Misc Options

Misc Options
Misc Options

لديك هنا عدة خيارات يمكنك تفعيلها:

1- حفظ البرامج النصية المجمعة – Save aggregated script/css as static files

هذا الخيار يقوم بحفظ الملفات المجمعة كملفات ثابتة محليًا.

2- تصغير ملفات CSS و JS المستبعدة – Minify excluded CSS and JS files

هذا الخيار يعمل على ضمان تصغير جميع ملفات CSS أو JS.

3- تفعيل 404

في حال كان لديك بعض ملفات Autoptimized JS أو CSS المخزنة مؤقتاً، ولكن تمت إزالتها، وبالتالي أصبح لديك روابط غير موجودة. عند تفعيل هذه الميزة ستعمل الإضافة على إعادة توجيه تلك الملفات التي لم يتم العثور عليها إلى النسخ “الاحتياطية”، مع الحفاظ على الصفحة أو الموقع سليمًا إلى حد ما.

4- تحسين المستخدمين – Also optimize for logged in editors/ administrators

هذا الخيار يمكن الإضافة من العمل على تحسين تسجيل دخول المستخدمين

ثانياً: تحسين الصور – Image

إضافة Autoptimize لتحسين الصور
إضافة Autoptimize لتحسين الصور

يتميز Autoptimize بتكامل مدمج مع ShortPixel لتحسين الصور. بالإضافة إلى إعداد جودة الصورة، يتيح لك تكامل Autoptimize أيضًا إنشاء إصدارات WEBP من صورك.

كذلك لديك ميزة تحميل الصور البطيئة (Lazy-load images)، حيث يساعد ذلك على تحسين سرعة الصفحة للصفحات ذات الصور الثقيلة.

ثالثا: Critical CSS

Critical CSS
Critical CSS

في حال كان لديك مشاكل (render-blocking CSS)، حيث يكون لديك ملفات CSS و Javascript، تمنع الصفحة من التحميل بسرعة، يمكنك الإشتراك بموقع https://criticalcss.com والحصول على ميزة مدفوعة تساعدك على حل هذه المشاكل.

رابعاً: تحسينات إضافية – Extra Optimizations

Extra Optimizations
Extra Optimizations

هناك مجموعة من الخيارات التلقائية التي تساعد على تحسين سرعة وأداء موقعك، من خلال :

  • تحسين خطوط Google
  • إزالة الأيموجين (Emojis)
  • الاتصال المسبق بمجالات الطرف الثالث (Preconnect to 3rd party)
  • تحميل طلبات محددة مسبقًا (Preload specific requests)
  • تحسين ملفات جافا سكريبت غير المتزامنة

إضافة Autoptimize، من أهم الإضافات المتوفرة لتسريع مواقع الووردبريس وتقدم لك العديد من الخيارات بشكل مجاني، من خلال تجميع ملفات جافات سكربيت أو CSS أو تصغيرها أو تحسين الصور أو التحكم بالملفات وغيرها الكثير.

م.ضرار حسن

مهندس معلوماتية أعمل في مجال تصميم المواقع وإدارة المحتوى. خبرة في الووردبريس وتحسين نتائج البحث للمواقع والمدونات وكتابة المحتوى المتوافق مع محركات البحث (SEO)

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى