كيف أستخدم GZIP لضغط الموقع؟

  • هذا الموضوع فارغ.
مشاهدة مشاركة واحدة (من مجموع 1)
  • الكاتب
    المشاركات
  • #1795

    عندما تريد موقعًا سريعًا يرضي الزوار ويحبه جوجل، عليك التفكير في كل تفصيل…
    أحد أهم تقنيات التسريع هو ضغط ملفات الموقع باستخدام GZIP، فهي تقلل حجم الملفات المرسلة للزوار بنسبة تصل إلى 70%.
    فما هو GZIP؟ وكيف تفعّله على موقعك؟ وهل هو آمن؟
    دعنا نأخذك في جولة مبسطة واحترافية لتفعيل GZIP خطوة بخطوة.

    🔍 ما هو GZIP؟

    GZIP هي تقنية ضغط يتم تفعيلها على السيرفر لضغط الملفات (HTML, CSS, JS) قبل إرسالها إلى المتصفح، مما يقلل حجم البيانات ويُسرّع التحميل.

    📉 مثال توضيحي:

    • حجم الصفحة قبل GZIP: 1.2 MB

    • بعد التفعيل: 350 KB فقط

    • النتيجة: سرعة تحميل أسرع، وأداء أعلى على PageSpeed.

    ✅ كيف أعرف إذا كان موقعي يستخدم GZIP حاليًا؟

    استخدم أدوات مثل:

    • https://checkgzipcompression.com

    • GTmetrix (انظر إلى تبويب “Waterfall”)

    • أدوات DevTools في المتصفح (الاستجابة من السيرفر تحتوي على Content-Encoding: gzip)

    🛠️ كيفية تفعيل GZIP على موقعك

    ✳️ 1. إن كنت تستخدم استضافة cPanel

    • ادخل إلى cPanel

    • توجه إلى Optimize Website

    • اختر “Compress all content”

    • اضغط “Update Settings”

    🚀 هذا يُفعّل GZIP لجميع ملفات الموقع تلقائيًا.

    ✳️ 2. تفعيل GZIP عبر ملف .htaccess

    إذا كان موقعك على أباتشي Apache، أضف الكود التالي في ملف .htaccess في مجلد الموقع الرئيسي:

    apache
    <IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml
    AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/json
    AddOutputFilterByType DEFLATE application/xhtml+xml application/xml
    AddOutputFilterByType DEFLATE font/ttf font/otf image/svg+xml
    </IfModule>

    ✳️ 3. لمواقع NGINX

    أضف هذا إلى ملف الإعدادات nginx.conf:

    nginx
    gzip on;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
    gzip_vary on;

    💡 يتطلب صلاحية الوصول إلى إعدادات السيرفر.

    ✳️ 4. باستخدام إضافات ووردبريس

    إذا كنت لا تحب التعامل مع الأكواد، استخدم إضافات مثل:

    الإضافة ميزة تفعيل GZIP
    WP Rocket تفعّل GZIP تلقائيًا
    W3 Total Cache تفعيل من الإعدادات > Browser Cache
    LiteSpeed Cache مضمنة تلقائيًا إن كان السيرفر يدعمها

    🧪 اختبار الأداء بعد التفعيل

    • أعد فحص موقعك باستخدام PageSpeed Insights أو GTmetrix.

    • راقب حجم الملفات المحمّلة والـ TTFB (Time to First Byte).

    GZIP تقنية بسيطة لكنها تُحدث فرقًا كبيرًا في سرعة تحميل موقعك وتجربة المستخدم.
    سواء كنت تستخدم cPanel، أو لوحة تحكم VPS، أو ووردبريس فقط، فهناك دائمًا طريقة لتفعيل GZIP بسهولة.

    تذكّر: في عالم المواقع، كل كيلوبايت يُحدث فرقًا.

مشاهدة مشاركة واحدة (من مجموع 1)
  • يجب تسجيل الدخول للرد على هذا الموضوع.
زر الذهاب إلى الأعلى