اکنون که در حال مطالعه این محتوا هستید، بی‌شک تجربه استفاده از فایل‌های با فرمت ZIP را در سیستم‌عامل‌های مختلف مانند ویندوز، لینوکس، اندروید و iOS داشته‌اید. همچنین ممکن است برای شما پیش آمده باشد که هنگام دانلود فیلم، برنامه، آلبوم موسیقی و غیره از سایت‌های مختلف، اکثر فایل‌ها با فرمت ZIP باشند. این مسئله ممکن است این سوال را برای شما ایجاد کرده باشد که چرا استفاده از این فرمت در سایت‌های دانلودی چنان رایج است؟ دلیل این امر، کاهش حجم فایل‌هاست. زمانی که فایلی را فشرده (زیپ) می‌کنید، حجم آن به میزان قابل توجهی کاهش می‌یابد. این مزیت هم برای سایت در کاهش استفاده از فضای سرور و هاست، و هم برای کاربر در کاهش ترافیک دانلود مفید است. استفاده از Gzip در سایت نیز به همین منظور است، یعنی فشرده‌سازی فایل‌ها برای کاهش حجم و افزایش سرعت سایت و موضوعی که در این آموزش打به آن خواهیم پرداخت و نحوه رفع خطای “Enable gzip compression” در GTmetrix را آموزش خواهیم داد.
در این آموزش، ابتدا به بررسی اینکه Gzip چیست و آیا استفاده از آن ضروری است می‌پردازیم، سپس روش‌های مختلف فعال‌سازی Gzip در انواع میزبانی و سرور را معرفی خواهیم کرد.
Gzip چیست؟ و چه کاربردی داره؟
بی‌شک شما با فرمت‌های فشرده‌سازی همچون ZIP و RAR برای کاهش حجم فایل‌ها آشنایی دارید. GZIP نیز عملکردی مشابه دارد و برای فشرده‌سازی صفحات وب مورد استفاده قرار می‌گیرد. امروزه تمامی مرورگرها از این قابلیت پشتیبانی می‌کنند. هنگامی که کاربری وارد یک سایت می‌شود، مرورگر ابتدا بررسی می‌کند که آیا GZIP در سرور فعال است یا خیر. در صورت پاسخ مثبت و پشتیبانی مرورگر از این قابلیت، سرور فایل‌ها را به صورت فشرده ارسال می‌کند. در غیر این صورت، فایل‌ها با حجم معمولی و سرعت کمتری ارسال خواهند شد.
زمانی که کاربر وارد سایت می‌شود، مرورگر درخواست دریافت اطلاعات را به سرور ارسال می‌کند. پس از تأیید سرور، فایل‌ها شروع به بارگذاری می‌کنند. هرچه حجم این فایل‌ها بیشتر باشد، زمان بیشتری برای بارگذاری کامل سایت نیاز خواهد داشت. بنابراین، برای کاهش زمان بارگذاری و در دسترس قرار گرفتن سریع‌تر سایت برای کاربر، باید از GZIP برای کاهش حجم صفحات استفاده کرد. با استفاده از GZIP، فایل‌های HTML، CSS و جاوااسکریپت فشرده شده و کدهای تکراری نادیده گرفته می‌شوند، که منجر به افزایش سرعت سایت خواهد شد.
در فایل‌های مربوط به برنامه‌نویسی، کدها با استفاده از فناوری فشرده‌سازی به کاراکترهای خلاصه‌تر و کوتاه‌تر تبدیل می‌شوند، که باعث کاهش حجم صفحات می‌گردد. به عنوان مثال، اگر فایل شما حاوی متنی با عبارت “MM I ZZZZZ BB A nnn f AAA” باشد که شامل ۲۵ کاراکتر است، به صورت خلاصه‌شده به شکل “۳M I 5Z 2B A 3n f 3A” برای مرورگر ارسال خواهد شد که تا ۵ کاراکتر (با احتساب فاصله) خلاصه شده است. سپس مرورگر که از قابلیت GZIP پشتیبانی می‌کند، این موضوع را درک کرده و کدها را در حالت استاندارد پردازش می‌کند و در نهایت ساختار یک سایت را به درستی نمایش می‌دهد.
آنالیز و بررسی فعال بودن Gzip
قبل از اینکه به روش‌های استفاده از gzip بپردازم پیشنهاد می‌کنم برای اینکه واقعا ببینید gzip تا چه میزان در افزایش سرعت سایت وردپرس تاثیرگذار خواهد بود یک بار سایت خودتون را که از gzip استفاده نشده آنالیز و بررسی کنید. برای این منظور به وبسایت checkgzipcompression.com مراجعه کنید و سپس مشابه چیزی که در تصویر زیر مشاهده می‌کنید آدرس کامل سایت خودتون را در فیلد مربوطه وارد کرده و روی آیکون جستجو کلیک کرده و منتظر بمونید تا سایت آنالیز شده و بر اساس افزونه‌های وردپرس و قالبی که از اون استفاده می‌کنید به شما بگه که با استفاده از Gzip تا چه میزان قادر هستید تا حجم صفحات خود را کم کنید.
از اونجایی که Gzip بر روی سرورهای هاست فعال است در تستی که انجام دادم ۲۸٫۱ درصد از حجم صفحات من در مجموع کم خواهد شد. اما بر روی هاستی که gzip فعال نباشه تا ۷۰ درصد هم میشه حجم صفحات را کم کنید.
یکی دیگه از روش‌های بررسی هم با استفاده از خود مرورگر هست که میتونید با راست کلیک کردن در صفحه سایت و انتخاب گزینه Inspect Element سورس صفحات رو ببینید. سپس مشابه تصویر زیر روی سربرگ Network کلیک کرده و حالا یک بار سایت رو بدون بستن پنجره Inspect Element رفرش کنید. در صورتی که content-incoding: gzip رو مشاهده کردید نشون دهنده فعال بودن Gzip در سایت هست.
از این بخش میتونید میزان فشرده سازی فایل‌ها را به صورت قبل و بعد هم مشاهده کرده و مقایسه کنید. برای این کار هم کافیه روی نمایش به صورت ردیفی کلیک کرده و از ستون Size میزان فشرده سازی برای هر فایل رو ببینید.
رفع خطای Enable gzip compression در GTmetrix
برای رفع خطای Enable gzip compression در جی تی متریکس کافیه قابلیت Gzip رو در سایت فعال کنید که در ادامه به معرفی روش‌های فعال سازی gzip در سایت‌ها و وب سرورهای مختلف می‌پردازم.
فعال سازی Gzip در وردپرس
برای این کار میتونید هم با استفاده از افزونه و هم با استفاده از کدنویسی اقدام به Enable gzip compression در سایت وردپرسی بکنید. روش‌های مختلفی برای فعال سازی در وردپرس وجود داره که در روش کدنویسی باید کدها رو داخل فایل htaccess. قرار بدین.
فعال سازی Gzip در سرور آپاچی
برای این منظور بسته به کنترل پنل هاست سی‌پنل و دایرکت ادمین که استفاده می‌کنید ابتدا باید وارد File Manager هاست خود شوید.
مشابه تصویر بالا با کلیک روی گزینه File Manager در هاست سی پنل وارد محیط مدیریت فایل‌ها در هاست خواهید شد، حالا به مسیری که وردپرس را در سایت نصب کردید وارد شوید. اگر وردپرس روی دامنه شما نصب شده کافیه به مسیر /public_html/مراجعه کنید و به دنبال فایلی با نام htaccess. بگردید. اما اگر اقدام به نصب وردپرس در ساب دامنه و یا ساب فولدر کردید کافیه تا به مسیر مورد نظر که وردپرس در اون پوشه نصب شده مراجعه کنید و دنبال فایل htaccess. بگردید.
فایل htaccess. جزو فایل‌های مخفی در هاست است که ممکنه در اولین ورودتون به هاست قادر به مشاهده اون نباشید. بنابراین در همین مسیری که قرار دارید روی دکمه Settings که در بالای صفحه در سمت راست قرار داره کلیک کنید تا پنجره زیر برای شما باز شود. سپس تیک گزینه Show Hidden Files را انتخاب کرده و در نهایت روی دکمه Save کلیک کنید تا تنظیمات ذخیره شود.
حالا قادر به مشاهده فایل htaccess. هستید و میتونید تا با راست کلیک کردن و انتخاب گزینه Edit این فایل را ویرایش کنید و کدهای زیر را در مکان مناسبی از فایل اضافه کنید. پیشنهاد می‌کنم تا کدهای زیر را در انتهای این فایل قرار بدین تا تداخلی با سایر کدها ایجاد نشود.
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Removing browser bugs for older browsers BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
فعال سازی Gzip در جوملا
برای فعال کردن gzip در جوملا بعد از اینکه وارد بخش مدیریت جوملا شدید به مسیر تنظیمات کلی مراجعه کرده و در تب سرور گزینه فشرده سازی Gzip را فعال کرده و تنظیمات را ذخیره کنید.
