كيفية ضغط المكونات باستخدام GZIP WP Rocket

إذا كنت تقوم بالتدوين على WordPress ، فإن إحدى أسهل الطرق لتسريع سرعة الصفحة وتحسين الأداء وزيادة تجربة المستخدم هي استخدام مكون إضافي لضغط المكونات باستخدام GZIP.

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

من بين المئات من إضافات تحسين WordPress ، يعد WP Rocket إلى حد بعيد البرنامج الإضافي لذاكرة التخزين المؤقت WordPress الأكثر تقدمًا وموثوقية وتثبيتًا.

في هذه المقالة ، سنرى كيف يتم استخدام WP Rocket لضغط المكونات باستخدام GZIP.

يتم استخدام المكون الإضافي لتحسين الأداء والسرعة في أكثر من 2 مليون مدونة اليوم.

استخدم WP Rocket مجموعة متنوعة من الطرق لتعزيز أداء موقعك وتحسين سرعة الصفحة وتحسين تجربة المستخدم الإجمالية. تتمثل إحدى الطرق في ضغط ملفات ومحتوى موقع الويب الخاص بك باستخدام GZIP.

GZIP هي طريقة شائعة لضغط ملفات CSS و HTML و JS لتسريع عملية التسليم إلى متصفح الويب الخاص بالمستخدم.

يساعد ضغط الملفات أيضًا في تقليل النطاق الترددي واستخدام البيانات على الأجهزة المحمولة أيضًا.

في عصر تقارير "حيوية الويب الأساسية" من Google ، يمكن أن يؤدي تمكين GZIP إلى تحسين "أكبر رسم للمحتوى" ونقاط أداء "تأخير الإدخال الأول" تلقائيًا.

لكن لا تدعنا نتقدم كثيرًا على أنفسنا لأن مصطلح GZIP قد يبدو تقنيًا للغاية بالنسبة للمسوقين عبر الإنترنت المبتدئين.

لذلك ، لنبدأ بتحديد ما هو ضغط GZIP. كيف يعمل GZIP لتحسين تقديم المحتوى.

كيفية ضغط المكونات باستخدام GZIP في WP Rocket ، وكيفية التحقق مما إذا كان ممكّنًا لموقعك ، وكيفية تمكين ضغط gzip إذا لم يتم تمكينه.

ما هو ضغط GZIP؟

GZIP هو تطبيق برمجي تم إنشاؤه بواسطة Jean-loup Gailly و Mark Adler المستخدم لضغط الملفات وإلغاء الضغط.

تم إصداره للجمهور لأول مرة في 31 أكتوبر I992. في عام 1993 ، تم إصدار الإصدار 1.0 كتحديث للإصدار السابق 0.1.

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

إذا لم تكن متأكدًا مما إذا كان GZIP ممكّنًا على خادم الاستضافة ، فيمكنك استخدام أداة مثل Visiospark لمعرفة ما إذا كان GZIP ممكّنًا على خادم الويب الخاص بك.

أيضًا ، GZIP ليس أداة ضغط الملفات الوحيدة الموجودة هناك.

هناك خوارزميات ضغط أخرى مثل Brotli التي تضغط الملفات النصية بشكل أفضل من GZIP.

لكن الشيء هو أن GZIP أكثر كفاءة وأسرع في ضغط وفك ضغط الملفات إلى تطبيق العميل.

يستغرق تطبيق الضغط مثل Brotli وقتًا أطول لضغط الملفات. على الرغم من أن الناتج النهائي أفضل من GZIP ، إلا أن الوقت المستغرق لإكمال العملية أمر يدعو للقلق.

بينما يعد GZIP تطبيقًا شائعًا وأكثرها استخدامًا لضغط الرموز والملفات النصية ، فإنه لا يضغط ملفات الصور.

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

GZIP قادر على تحقيق معدلات ضغط تتراوح بين 60٪ و 90٪ لمعظم ملفات Javascript و CSS.

كيف ضغط الفسفور الابيض مكونات مع GZIP

من المسلم به أن هناك عددًا قليلاً من إضافات WordPress لضغط GZIP اليوم ، WP Rocket هو حل بنقرة واحدة يعمل مباشرة خارج الصندوق.

على عكس العديد من منافسيها ، لا يتطلب الأمر أي معرفة بالترميز لإعداد WP Rocket.

على الرغم من أن المكونات الإضافية تعمل تلقائيًا على خادم Apache ، إلا أن المستخدمين على خادم NGNIX يحتاجون إلى القليل من الحل لاستخدام WP Rocket مع GZIP.

دعونا نرى كيف تعمل ميزة ضغط WP Rocket GZIP على كلا الخادمين.

خادم اباتشي

تأتي معظم مكونات التخزين المؤقت في WordPress مع دعم مدمج لضغط GZIP. إذا كان موقع الويب الخاص بك على خادم Apache ، فإن WP Rocket تمكن قواعد ضغط GZIP تلقائيًا إلى ملف htaccess.

ليس عليك التنشيط أو القيام بأي شيء آخر ، يستخدم WP Rocket وحدة mod_deflate على خادم Apache لتطبيق القواعد تلقائيًا.

لذلك ، يجب تمكين الوحدة النمطية mode_deflate على الخادم الخاص بك - وهذا هو المطلب الوحيد لخادم Apache.

إذا لم تكن متأكدًا من تمكين وحدة mode_deflate على الخادم الخاص بك ، فما عليك سوى سؤال مضيف الويب الخاص بك.

بعد تمكين GZIP على الخادم ، يقوم WP Rocket بإنشاء نسختين من كل صفحة مخبأة لموقعك على الويب - ملف HTML وملف GZIP-ed.

إصدار GZIP-ed هو الإصدار الافتراضي الذي يخدم المستخدمين ، في حين أن إصدار HTML موجود كبديل - فقط في حالة - أنت لا تعرف أبدًا.

لقراءة المزيد حول كيفية ضغط WP Rocket للمكونات باستخدام GZIP ، اقرأ هذه الوثائق على موقع الويب الخاص بهم.

خادم NGNIX

بالنسبة لمواقع الويب على خادم NGNIX ، نظرًا لأن NGNIX لا تدعم ملف .htaccess ، فستحتاج إلى إضافة الرموز التالية إلى:

/etc/Nginx/Nginx.conf

 gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

سيؤدي هذا إلى تمكين GZIP على خادم NGNIX الخاص بك. ولكن كإجراء احترازي ، يجب عليك التحقق من مضيف الويب الخاص بك ما إذا كان GZIP ممكّنًا بالفعل أم لا.

بدلاً من ذلك ، يمكنك قراءة المزيد حول تكوين NGNIX باستخدام GZIP من أحد عملاء WP Rocket على Github.

هناك عدة طرق لاختبار ما إذا كان GZIP ممكّنًا على خادم الويب أم لا. لنستعرض بعض الأساليب أو الأدوات.

كيفية التحقق مما إذا كان ضغط GZIP ممكّنًا على موقع الويب الخاص بك

بالنسبة للعديد من مضيفي الويب والمتصفحات ، فإن دعم ضغط GZIP وفك ضغط الملفات يأتي كميزة افتراضية. تدعم معظم المتصفحات الحديثة الآن رؤوس استجابة HTTP لترميز المحتوى.

لذلك ، بقدر ما يتعلق الأمر بدعم المتصفحات ، فلا داعي للقلق بشأنه.

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

بشكل افتراضي ، لا يقوم بعض مضيفي الويب بتمكين ميزة ضغط GZIP على خادم استضافة مشترك. سوف تحتاج إلى التحقق من خدمة الاستضافة الخاصة بك لتمكينها.

فيما يلي بعض الطرق أو الطرق للتحقق مما إذا كان GZIP ممكّنًا على الخادم الخاص بك.

# 1. أداة فحص ضغط GZIP

من أسهل الطرق للتحقق مما إذا كان GZIP ممكّنًا على موقعك هو استخدام أداة فحص الضغط.

بالنسبة لهذه المقالة ، أستخدم أداة ضغط visiospark للتحقق من موقع الويب هذا من أجل تمكين GZIP.

يمكنك أيضًا استخدامه لاختبار ما إذا كان GZIP ممكّنًا على موقع الويب الخاص بك.

كما ترى في الصورة أدناه ، تم ضغط صفحة الويب بنسبة 79.46٪.

الشيء الجيد في هذه الأداة هو أنها تعرض مقدار إجمالي الملف المضغوط الذي قمت بحفظه. كما يعرض حجم الملف الأصلي وحجم الملف المضغوط.

# 2. استخدم أدوات تطوير Google Chrome

يمكنك أيضًا استخدام أداة Google Chrome Dev للتحقق من تمكين GZIP لموقعك. للتحقق من ضغط GZIP في Chrome ، تحتاج إلى البحث عن رؤوس HTTP في لوحة مصدر أداة Chrome Dev.

انقر بزر الماوس الأيمن فوق صفحة المدونة الخاصة بك (في أي مكان بالصفحة) ، وانقر فوق فحص من قائمة القائمة.

سيفتح هذا الإجراء لوحة حوار منفصلة حيث يمكنك رؤية عناصر الصفحة. انقر فوق علامة التبويب "الشبكة" وحدد "رؤوس" من قائمة التنقل أدناه.

أعد تحميل الصفحة ، ثم حدد أيًا من طلبات HTTP من اللوحة اليمنى. على اللوحة اليمنى ، ابحث عنها في ترميز المحتوى: gzip.

إذا كان هناك ، يتم تمكين GZIP على موقع الويب الخاص بك.

# 3. استخدم GTMettrics

GTMetrics هي أداة مفيدة لاختبار أداء وسرعة موقع الويب الخاص بك. يمكنك أيضًا استخدامه لمعرفة ما إذا كان موقع الويب الخاص بك ممكّنًا لـ GZIP.

عندما تقوم بمسح صفحات موقع الويب الخاص بك من خلال GTMetrics ، فسوف تقوم بإرجاع قائمة من التوصيات لتحسين الأداء والسرعة.

ابحث في قائمة التوصيات لمعرفة ما إذا كان GZIP موجودًا.

إذا لم يكن GZIP موجودًا على الخادم الخاص بك ، فستقوم GTMetrics بالإبلاغ عنه من بين أهم المشكلات التي تؤثر على أداء موقع الويب الخاص بك.

الخلاصة ... ضغط المكون باستخدام GZIP

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

WP Rocket هو حل تلقائي بنقرة واحدة لتمكين GZIP على خادم Apache ، وتحسين الأداء وتحسين سرعة الصفحة.

بالإضافة إلى ذلك ، سيقوم WP Rocket بتقليل ودمج ملفات CSS و Javascript لجعل صفحات موقع الويب الخاصة بك أخف وزناً وتحسين وقت تحميل الصفحة.