Gzip در طراحی سایت

Gzip یکی از روش های فشرده سازی صفحات وب سایت است . این روش که قادر است بین 60-80 درصد از حجم صفحات را کاهش دهد، سرعت لود شدن آن ها را بالا می برد و می...

inten
24 تیر 1394
5 دقیقه
0دیدگاه

Gzip یکی از روش های فشرده سازی صفحات وب سایت است . این روش که قادر است بین 60-80 درصد از حجم صفحات را کاهش دهد، سرعت لود شدن آن ها را بالا می برد و می تواند تا حدی کندی سرعت اینترنت را جبران نماید. همچنین با فشرده سازی صفحات وب ، علاوه بر اینکه تعداد صفحات بیشتری توسط کاربران و موتورهای جستجو مشاده می گردند ، در مصرف ماهیانه پهنای باند نیز صرفه جویی خواهد شد .
لازم به ذکر است که استفاده نادرست از Gzip در طراحی سایت می تواند تاثیر معکوس داشته باشد !

روش های استفاده از Gzip در طراحی سایت

در ادامه به معرفی و بررسی برخی از راهکار های استفاده از Gzip در طراحی سایت خواهیم پرداخت، با اینتن همراه باشید..

فشرده سازی از طریق اضافه کردن gzip به php

جهت استفاده از این راهکار ابتدا باید اکستنشن zlib را روی php نصب نمایید . به این ترتیب امکان فشرده سازی gzip به php افزوده خواهد شد .
یک راه بسیار ساده جهت فشرده سازی صفحات سایت استفاده از گزینه output_compression است. اکستنشن zlib که روی php نصب کرده ایم ، امکان فعال کردن output_compression از طریق php.ini یا htaccess و فشرده سازی خروجی فایل های php را فراهم می نماید.
مزیت استفاده از این روش فشرده سازی آن است که اگر مرورگر ، از gzip پشتیبانی کند ، خروجی تمام صفحات php بدون آنکه در برنامه تغییری ایجاد شود فشرده خواهد شد .
استفاده از این روش فشرده سازی معایبی را نیز به همراه دارد . به عنوان مثال این روش تنها خروجی فایل های php را فشرده می کند اما فایل های دیگر مانند html ، css و js فشرده نخواهند شد . بعلاوه در صورتی که از سرور ضعیف استفاده شود یا آنکه تعداد بازدید کنندگان سایت بالا برود ، بار پردازشی روی سرور به مقدار قابل توجهی افزایش خواهد یافت . چراکه در این روش امکان کش کردن خروجی به سمت سرور وجود ندارد ، بنابر این هر بار که صفحه ای بازخوانی می شود ، اطلاعات مستقیما باید از سرور خوانده شود و مجددا عملیات فشرده سازی روی آن صورت گیرد .

استفاده از ob_gzhandler

دومین روش استفاده از Gzip در طراحی سایت ، استفاده از ob_gzhandler به عنوان output_handler است که مزایا و معایب راه اول را داراست.
ob_gzhandler هم از طریق htaccess یا php.ini و هم به عنوان callback برای ob_start در برنامه استفاده می گردد.

نحوه استفاده از ob_gzhandler در فایل htaccess به صورت زیر است :

php_flag output_buffering on
php_value output_handler ob_gzhandler

نحوه استفاده از ob_gzhandler به عنوان callback برایob_start نیز به شکل زیر می باشد :

<?php
ob_start(“ob_gzhandler”); // place this line of code at the start of your files
?>

…
یک نکته بسیار مهم آن است که در صورت استفاده از htaccess و یا php.ini هرگز نباید خروجی با انکدینگ gzip ارسال نمایید ، چرا که محتوای صفحه دوبار انکد خواهد شد .
همچنین گفته شد که gzip در طراحی سایت قادر به فشرده سازی فایل های html ، css و js نیست . پس برای فشرده سازی آن ها نیاز به کدی داریم که نام یک فایل را دریافت کرده محتویات آن را بخواند و به خروجی بدهد. Php کار فشرده سازی فایل مورد نظر را انجام خواهد داد .

همچنین نیاز است فایلی به نام compressor.php در root سایت ایجاد کنیم تا نام فایلی که باید فشرده شود را از طریق GET دریافت کند. میتوان از قطعه کد زیر به این منظور استفاده نمود :

<?php
if (!preg_match(‘/\.(js|css|html|htm)$/i’, $_GET[‘file’])) die(‘Access Denied’);
if (!file_exists($_GET[‘file’])) die(‘File Not Found’);
readfile($_GET[‘file’]);
?>

استفاده از این کد میتواند باعث بروز مشکلاتی مانند کاهش سرعت، افزایش مصرف پهنای باند و افزایش مصرف cpu شود. برای رفع این مشکل نیاز به کدی داریم که تاریخ آخرین تغییرات فایل را به مرورگر بفرستد. در این صورت دفعات بعد که مرورگر فایل را از سرور درخواست کند ، تاریخ آخرین نسخه موجود در کش هم به سرور فرستاده می شود و این تاریخ با تاریخ فایل مقایسه می گردد و در صورت یکسان بودن ، مرورگر از همان نسخه موجود در کش استفاده می نماید.
از کدهای زیر برای این منظور استفاده می شود :

<?php
if (!preg_match(‘/\.(js|css|html|htm)$/i’, $_GET[‘file’])) die(‘Access Denied’);
if (!file_exists($_GET[‘file’])) die(‘File Not Found’);

$mtimestr = gmdate(“D, d M Y H:i:s”, filemtime($_GET[‘file’])) . ” GMT”;
if (@$_SERVER[‘HTTP_IF_MODIFIED_SINCE’] == $mtimestr) {
header(‘HTTP/1.1 304 Not Modified’);
die();
}

header(“Last-Modified: ” . $mtimestr);
header(“Cache-Control: must-revalidate”, false);
readfile($_GET[‘file’]);
?>

راه دیگری که برای فشرده سازی فایل های html ، css و js وجود دارد ، حذف فواصل اضافی و کامنت ها از میان کدهاست .
برای این کار باید تمام لینک هایی که در سایت به شکل فایل های css و js و html هست تغییر دهیم و به جای آن لینکی به فایل compressor.php جایگزین کنیم . سپس نام فایل مورد نظر را هم به صورت پارامتر به آن ارسال نماییم .
برای آنکه نیازی به تغییر در کدهای سایت نباشد ، با استفاده از یک rewrite rule تمام request هایی که به فایل های css و js و html ارسال میشود را به فایل compressor.php می فرستیم.
در نتیجه محتوای فایلhtaccess مشابه کدهای زیر خواهد شد :

php_flag zlib.output_compression on
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(.*\.(js|css|htm|html))$ compressor.php/?file=$1
</IfModule>

نحوه فعالسازی gzip در طراحی سایت با جوملا :

برای فعال سازی gzip در طراحی سایت با جوملا سه روش وجود دارد :
1) روش اول ، فعالسازی gzip در طراحی سایت از طریق تنظیمات کلی جوملا است . بدین منظور ابتدا وارد بخش مدیریت وب سایت مورد نظر شده سپس در قسمت “سرور” گزینه “فشرده سازی gzip ” را روی “بلی” قرار داده و تنظیمات را ذخیره می کنیم .
2) دومین راه ، فعال سازی gzip در طراحی سایت در کنترل پنل cPanel است . در این روش ابتدا باید وارد بخش کنترل پنل cPanel هاست خود شویم . سپس از تب Software/Services گزینه Optimize Website را انتخاب و بعد از آن گزینه Compress all content را فعال کرده، تنظیمات را ذخیره کنیم .
3) سومین و آخرین روش قرار دادن کدهای فعال کردن Gzip در فایل htaccessدر روت هاست. اما قبل از آن باید نام فایل htaccess.txt را به htaccess. تغییر دهیم تا کدهای مربوطه به درستی کار کنند.